‘Web Standartları’ etiketi için sonuçlar
CSS ile sayfalama görselliğini ayarlama
Mayıs 29th, 2009 • 10 yorum CSS, Web Standartları, XHTML
Etiketler: CSS, gezinme-alanları, Javascript, sayfalama, Web Standartları
Web sitelerin kodlarken genelde hafızamdaki hazır metotları kullanıyorum. Ancak sonra farklı bir yöntem görünce aklıma “acaba bu daha mı iyi” sorusu geliyor ve araştırma yapmaya başlıyorum. Sayfalamada da aynı durum söz konusu benim için. Burada yaptığım araştırmayı sizlerle paylaşmayı düşünüyorum. Genel olarak sayfalama hakkında bir giriş yapalım sonra kodlamaya geçeriz.
Sayfalama
Web sitelerinde sayfalama genel olarak içeriğin uzun olduğu durumlarda kullanıcıya daha kullanabilir sayfalar üretmek için içeriğin belli mantıksal kısımlara ayrılmasıdır. Genelde arama sonuç sayfalarında, günlük(blog) sitelerinde, uzun içeriğe sahip makalelerde uygulamalarına rastlarız.
Sayfalama alanları genel olarak sitede gezinme alanlarının(navigation) bir parçasıdır. Sitedeki kullanılabilirliği ve düzeni sağlayan normal menü yapılarının dışındaki yapılardır. Aslında bir bakıma gezinme elemanı sınıfına da sokabiliriz. Sayfalama yaparken aşırıya kaçıp görünüşü çok hoş olsun diye kullanıcıyı zora sokan tasarımlardan kaçınmak gerekir. Sayfalamada önemli olan kullanıcı dostu ve işlevsel bir yapı oluşturmaktır, ondan sonra görsellik gelir. İşlevselliği kaybetmeden görsellikde geliştirilebilir. Okumaya devam edin »
Google Chrome – Birde benden dinleyin :D
Eylül 4th, 2008 • 15 yorum Haberler
Etiketler: Google Chrome, İnternet Tarayıcısı, safari, Web Standartları, web tarayıcısı, WebKit
Her yeni çıkan tarayıcının ardından inceleme yapıp yazı yazıyorum genelde. Tabi Google Chrome içinde bunu yapacaktım ki baktım çok fazla kaynak var. Beni asıl hayrete düşüren Türkçe kaynaklarında çok fazla olması idi. Sonra bir birinin tekrarı içerik oluşturmamak için gördüğüm linkleri kaynaklar kısmına ekledim. Ben ise sadece CSS ve Web Standartları açısından değerlendirmeye karar verdim.
Google Chrome Safari’nin de alt yapısını oluşturan Webkit alt yapısı ile çalışıyor, buda bize Safari neyi destekliyorsa Google Chrome onu destekler ipucunu veriyor. Bir iki özellik(text-shadow ve @font-face) dışında aynı özellikleri destekliyor. CSS destek listesini görmek içintıklayınız.
Benim gördüğüm tek sorun kısayol background tanımında tanımlanan renkerler gelmiyor. Sayfa yenileme ve 5-10 saniye geçtikten sonra geliyor.
- background:#f00 url(../images/ardalan.gif) top left repaet-x;
ardalan rengi olan #f00 gelmiyor.
CSS filtrelemesi olarak Safari için kullanılan filtreleme kullanılabilir.
- <html>
- <head>
- <style>
- body:nth-of-type(1) p{
- color: #ff0000; // sadece safari ve chrome görecek
- }
- </style>
- </html>
- <body>
- <p>deneme olarak bunu yazıyorum</p>
- </body>
- </html>
Javascript ile yakalamak içinde
- var is_chrome = navigator.userAgent.toLowerCase().indexOf(‘chrome’) >
-1;
yeterli oluyor. Ayrıca javascript hata yakalama konsolu için http://www1.qainsight.net:8080/2008/09/04/How+To+View+JavaScript+Errors+In+Google+Chrome.aspxsiteyi incelmenizi öneririm.
Erişilebilirlik açısından karnesi kötü bulunmuş. http://www.paciellogroup.com/blog/?p=92 sitesinde yazdığına göre erişilebilirlik açısından yeterli not alamamış. Tabi bu sitenin testi ne kadar kriter onu bilemem.
Eklentilerinin olmaması görünen en büyük eksiklik gibi. Yakında eklenti desteği geleceğini duymak bizi sevindirdi.
Sonuç olarak tüm işlerini internetten gören Google gibi bir şirket için bir tarayıcı çıkarmak gecikmiş bir olay. Ayrıca benim acayibime giden Google’un Firefox ile arama alanı için 2011′e kadar uzattığı haberinin üzerinden kısa bir süre geçmesinden sonra internet tarayıcısı çıkarması. İşin içinde farklı hesaplar var gibi. 2006′da Firefox’a 56 milyon dolar ödediğini düşünürsek çok da anlamsız gelmiyor.
Her yeni çıkan tarayıcının ardından web kod yazarları acaba bu da sorun çıkarırmı düşüncesi sarar ve hemen kodladığı sitleri kontrol eder ki bende öyle yaptım Allah şükür benim sitem(Üst menü ile resim arasında mesafede sorun var) hariç bir sorun yok. Google Chrome Acid 2 testinden geçerken Acid 3 testinden de mevcut tarayıcıların en yüksek puanı olan 79 alması ve standartlar uyması çok güzel bir gelişme. Böyle tarayıcının başımızın üstünde yeri var deriz.
18 Ağustos 2008 web’den seçme haberler
Ağustos 18th, 2008 • 1 yorum Haberler
Etiketler: CSS, firebug, Firefox, jquery, Monitör çözünürlüğü, seo, tablo, Twitter, Web Standartları, yui
- Firefox 3.1 ile birlikte gelen yeni CSS3 desteklerinden biri yeni border-images tanımı. Bağlantı
- SmasingMagazine CSS ile yapılmış 10 güzel tabloyu seçmiş. Bağlantı
- CSS ile Amazon sitesi arama sonuç ekranındaki görünümü yapmak. Bağlantı
- İyi bir jQuery kullanmak için izlenmesi gerek yol. Bağlantı
- Web kod yazarları için kod örnekleri sunan güzel bir site. Zamanla içeriğinin dahada artacağını ümit ediyorum. Bağlantı
- İnternette yazı tipi kullanma seçenekleri. Bağlantı
- CSS ve SEO – brkcan.com Bağlantı
- SEO Dediğin Tek Dişi Kalmış Canavar – mafiamax.com Bağlantı
- FireBug yardımı ile güzel sayfa kodlamak. Bağlantı
- Twitter Nedir? Ne değildir? – webdeneyimleri.com Bağlantı
- Yahoo’nun javascript kütüphanesinin(YUI) 3. sürümü çıkıyor. Bağlantı
- jQuery ile otomatik dipnot yapmak. Bağlantı
- Monitör çözünürlükleri ve site tasarımları üzerine güzel bir makale. Bağlantı
- Mailing hakkında geniş bilgi. Bağlantı
- Web standartlarında yanlış anladığımız 5 konu. Bağlantı
Opera 9.5 çıktı
Haziran 12th, 2008 • 6 yorum Haberler
Etiketler: DragonFly, Hızlı Bulma, İnternet Tarayıcısı, Opera, Opera 9.5, Web Standartları
İnternet Tarayıcı mecrası kızışmaya devam ediyor. Bu aralar bir tarayıcı yeni sürümü ile kullanıcıyı kendi tarafına çekmeye çalışıyor. Bu rekabette en karlı kullanıcı çıkıyor tabi yeni özellikler, yeni araçlar ve daha hızlı tarayıcılar kullanıcıyı memnun ediyor. Web kod yazarlarını da sevindiren gelişmeler oluyor bu arada. Yeni sürüm tarayıcılar standartlara daha bağlı olarak çıkması en güzel gelişme.
Görünüm
Opera 9.5′ın görünümü değişmiş. Daha az seçeneklerin olduğu daha sadece bir görünüm var. Tabi bunu değiştirebiliyoruz.
Sağ altta Genişliği uydur ve Resim seçenekleri bölümü eklenmiş. Aslında bular vardıda buraya kaydırılmış ve biraz düzenlemiş gibi.
Ayrıca temalardan kendimize listede yer alan temalardan birini seçebiliyoruz. Tem kısmındaki temalar Firefox’un kilere çok benziyor.
Speed Dial ile en sık kullanılan web sitelerini küçük resimleri ile birlikte listeleyebiliyoruz.
Hızlı Bulma
Opera adres barda çok hızlı bir arama söz konusu yazdığınız adrese çok hızlı erişmemizi sağlıyor. Bu özelliği çok sevdim. Ayrıca site içeriklerinide daha fazla ön bellekte tutuyor ve hızlı açmasına neden oluyor.
Standartlara Tam destek
Mevcut kullanılan standartları (X)HTML, XML, XSLT, CSS 2.1, SVG 1.1 ve JavaScript tam olarak desteklemenin yanında yeni özelliklerin (HTML5 ve CSS3) de desteğini barındırıyor. Acid testlerinden geçen Opera 9.5 Acid 3 testinden 83 puan alıyor.
Web Kod Yazarları için DragonFly
Firefox’un web kod yazarları için en büyük avantajı olan FireBug’ın önemini anlayan tarayıcı üreticileri kendi araçlarını üretmeye başladı. Opera için DragonFly bu işi görüyor. Ama daha geliştirlme aşamasında
Daha Hızlı
Opera 9.2′ye göre javascript ve Html yorumlamada 2 kat daha hızlı. Ayrıca eklentileri daha hızlı kullanmamıza olanak sağlıyor. Bellek kullanım oranıda çok düşük seviyede.
Güvenlik
Oltalama yöntemi(phishing) ve kötü yazılımlara karşı güvenlik ayarları yükseltilmiş bir Opera ile karşı karşıyayız.
Sonuç
Snuç olarak diyebilirm ki Opera’nın bu Firefox 3′e karşı çıkardığı bir sürüm. Bir şeyi kovalıyorsanız onun gerisinde kalırsınız. Opera’da bu duruma düşmüş gibi. Hızı ile beni etkileyen Opera benim için yine test edeceğim bir tarayıcı niteliğinde olacak
31 Mart 2008 web’den seçme haberler
Mart 31st, 2008 • 2 yorum Haberler
Etiketler: Acid 3 test, ie8, jquery, Web Standartları, web3.0, wordpress 2.5, yuvarlak kenar
- Sitemi barındırdığım hosting firması sunucularını taşımış. Bunun bize etkisi mySQL ipsi değiştiği için sitem 1-2 gün kadar görünmedi. Neyse sorunu çözdük ve devam ediyoruz.
- John Resig’den javascript ve jquery hakkında konferans video ve sunumları. Bağlantı
- Güçlü WordPress eklentileri listesi. Bağlantı
- WordPress 2.5 sonun yayınlandı. Geçsek mi geçmesek mi neyse biraz daha beklemekte yarar var gibi. Bağlantı
- Windows XP kullananlar için IE8 beta 1′de ie5.5, ie6.0 ve ie7 test imkanı sağlayan bir araç. Bağlantı
- 8 güzel jquery uygulamalı ders. Bağlantı
- CSS 1,2,3 özellik listesi. Bağlantı
- jQuery ağaç menü örneği. Bağlantı
- “Web 3.0 – Semantik Web” Bağlantı
- jquery ile farklı bir büyük resim gösterme tekniği. Bağlantı
- “Tek bir resim dosyası ile yuvarlak köşeli kutular yapmak” Bağlantı
- Web standartları açısından Acid testleri bayağı bir önem kazandı. Opera yeni çıkaracağı web tarayıcısının Acid3 testinden 100/100 aldığını duyurdu. Ne diyelim darısı diğerlerinin başına. Bağlantı
- “Blogtan Para Kazanmak” Bağlantı
- “Kategorinin Yazıları Eklentisi 2.0″ Bağlantı
z-index
Ocak 14th, 2008 • 30 yorum CSS, Web Standartları, XHTML
Etiketler: CSS, Göreceli-Konumlandırma, Haberler, Mutlak-Konumlandırma, Sabit-Konumlandırma, Web Standartları, XHTML, z-ekseni, z-index
z-index, konumlandırma elementleri uygulanmış katmanların z-eksenindeki konumu belirlemek için kullanılır.
z-index tüm elementlere uygulanamaz sadece konumlandırma değeri atanmış elementlere uygulanır. Bunun anlamı eğer bir elementi aynı z-ekseni üzerinde üste veya alt sıraya atmak istiyorsanız ilk olarak konumlandırma değeri atamalısınız.
