Neden CSS tabanlı tasarım ?
CSS tabanlı tasarımların HTML tasarımlardan farkı aslında birden çok alanda ortaya çıkıyor. İlki webmaster için grafik kısmında çalışmayı kolaylaştırır. Şöyle ki tüm tasarım eğer CSS kodlarına bağlanırsa tasarımı değiştirmek için CSS değiştirmek yeterli olacaktır. Yani template değiştirmek bir CSS dosyasından bir başkasına geçmek demek olucak.
İkincisi ise aslında ilki kadar önemli bir avantaj. Arama motorlarından google artık CSS siteleri seviyor. CSS dosyalarının dışardan dahil edildiğinde kodlar azaldığı ve google için öenmli avantaj sağladığı için google artık iyi site kavramına CSS tasarımıda kattı. Konuyu google webmaster help center üzerindende araştırarak görebilirsiniz.
Ama CSS yazmak o kadar basit bir iş değil. Çünkü benim kullandığım opera, mozilla, explorer hepsi ayrı tepkiler veriyor CSS komutlara. Opera ile Mozilla ( firefox ) yakın tepkiler verse de explorer kafasına göre takılmakta ısrarcı oluyor çoğu zaman. Bildiğim kadarı ile HTML için en iyi ( aslında en doğru ) yorumlayıcı W3.org standartlarına en uygun yorumlayıcı demek oluyor ki o browser opera. Yani siteler aslında opera üstünde test etmek en güzeli.
Gelin görün ki microsoft javascript kodlarınıda kendi standartlarında değerlendiriyor. Opera çoğunlukla olumlu tepkiler versede mozilla için aynı şeyi söylemekte zor.
CSS aslında pek çok farklı avantajıda getiriyor. Hiç fikri olmayanlar için şöyle anlatalım. Diyelim ki 100 sayfa HTML siteniz var ve siz H1 etiketlerinde değişiklik yapmak istiyorsunuz. Hepsinin başına daha önceden eğer CSS dahil ettiyseniz tek bir CSS dosyasından tüm H1 etiketlerini, aslında bütün tasarımlarıda değiştirmeniz mümkün oluyor.
En güzel örneklerden birisi heralde şuanda yazdığım wordpress olsa gerek. Kodu azaltarak CSS kullanımınıda optimize edip onlarca, yüzlerce wordpress theme yapılmış. Bunları editlemekse ayrıca çok kolay. Aynı zamanda çalışmak isteyenler içinde bu theme dosyaları ciddi örnek teşkil etmekte bilginiz olsun…
Sağlıcakla kalın…
