W3C standartlarında kodlama yapmaya başlamadığım zamandan bu yana klasik table aç, tr aç, td aç kapat gibi basit menüler yapıyordum. Açıkçası bunları yaparken hiç zorluk çekmiyordum çünkü klasik Html yazımına hakim bir insanım ve biraz Css ile menüme dilediğim özelliği katabiliyordum. Ancak standartlara uygun kod yazma dönemine geçişle birlikte table ve td gibi etiketleri yavaş yavaş terketmeye başladım. Şu ana kadar tasarımlarımda çokça kullandığım ve zaman zaman sitemin tüm omurgasını yaptığım table kodunun bazı parametreleri bildiğiniz gibi standart kod yazarken insanı çileden çıkarabiliyor. Bunu en çok yaptığım menülerde hissettim. Birçok kez Xhtml ve Css’e uygun bir menü kodlamayı denedim ve açıkça söylemem gerekirse table ile yaptığım menülerden daha kolay oldu. Bu yazımda sizlere biraz teknik ayrıntıya girerek bir Xhtml, Css menünün nasıl yapılacağından bahsedeceğim.

Digg‘de günlük rutin gezintilerimi yaparken bir başlığa rastladım. “53 CSS-Techniques You Couldn’t Live Without”. Smashing Magazine sitesi tarafından yazılmış hoş bir bildiri. Tamı tamına 53 güzel Css uygulamasını gösteriyor ve ilgili alanlara linkler vererek yazının daha da tatlı olmasını sağlıyor. Aklınıza gelebilecek tüm Css teknikleri işlenmiş, Css Navigasyonlar, Css Diagramlar, İleri düzey tablolar, tab menüler, image map’ler, formlar ve daha nicesi. Kesinlikle bakmanızda ve bookmarklamanızda fayda olabileceğini düşündüğüm bir site. Css ve Xhtml bileşimiyle neler yapılabildiğini görmek isteyenler içinse bu deryada küçük ama dikkate alınası bir örnek. (2 gündür ölesiye hastaydım, siteye gönderi yapamadım, sanırım böylelikle biraz olsun affettiririm kendimi)

Gece boyunca bilgisayar başındaydım. Sürekli Web2.0 sitelere bakıp bakıp iç geçirdim. (Tabi haliyle insan bu siteleri görünce böyle bir tasarım yapmaya çalışıyor, işin kötü olan tarafı o tasarımı yapamadan ya da kendi istediğinizi yapamadan hüsrana uğramanız) Şunu görüyorum ki, Web2.0 diye tabir edilen ve büyük puntolarla başlıkları olan, oval kesimlerin hakim olduğu, gradientlerin çokça kullanıldığı siteler azımsanmayacak kadar çoğalmışlar(!) Hal böyle olunca bu siteleri bizlerin önüne sunabilmek için birçok Css Showcase ile karşı karşıya kalıyoruz. Bunların içinde gerçekten işini çok iyi yapan sitelerde var tamamen baştan savma, reklam amaçlı olanları da. Çok eski bir zamanlarda Visualdesigner.net ile bu özlemimi giderir, tasarımı güzel olan siteleri bookmarklayıp saklardım. Şimdilerde ise insan hangi sitelere girip bakacağını şaşırıyor. O kadar çoğaldılar ki… Fakat ben sizlere en çok ziyaret ettiğim Css galeri sitelerini yazacağım.

Vitaly Friedman’ın Alvid.de isimli sitesinin bir alt bölümü vardır. Bilenler bilecektir, Web Developer’s Handbook’tan bahsediyorum. Bu “el kitabında” web designer ve geliştiriciler için birçok web kaynağına ulaşmak mümkün. Başlıca kategorilerini ise Xhtml, Css, Css Galeriler, Navigasyon ve Menüler oluşturuyor.

Bugün tekrar uğradım ve tasarımının yenilendiğini gördüm. Daha güzel bir tasarım yapılmış ve eski siyah ağırlıklı halinden sıyrılmış tamamen. Web tasarımı ve özellikle Xhtml-Css ile uğraşanlar için öncelikli bir kaynak diye düşünüyorum.

Hızlı Linkler: Vitaly Friedman | Web Developer’s Handbook | alvit.de