CSS Tasarimli bir Sabah
16 Şubat 2005
Yurtdisinda oldugumdan, Turkiye’de neler olup bittigini ogrenmenin tek yolu online gazete sitelerini okumak. Her gun ziyaret ettigim iki gazeten biri Radikal, digeri ise Sabah. Radikal gazetesinin hizindan cok memnunum. Ayrica Serdar Kuzuloğlu ile "Sanal Alem" gibi bir bolumu yayinlamalarida benim Radikal’i tercih etmemdeki baska bir neden. Sabah ise cok yavas yuklenen bir site. Bunun birkac nedeni var. Benim tahmin ettigim bir neden, serverlarinin yavas olabilecegi ve kesin olarak bildigim neden ise Sabah sitesinin kodunun tablolardan olusmasi.
Kendi kendime acaba Sabah sitesini, web standartlarina uygun, CSS tabanli yapsa idi ne olurdu diye sordum ve yine kendi kendime cevaplarini verdim:
- Oncellikle, Sabah, web standartlarini uygulayarak, diger gazetelere teknoloji acisindan fark atardi ve yarinin teknolojilerine simdiden hazir olurdu.
- Bilgiyi ve sunumu ayirarak, sitelerini daha erişilebilir hale getirirdi
- Yaklasik yuzde 40 gibi bir dosya boyutunda ki indirim ile band genisligine harcadigi paradan tasarruf ederdi. Bu Sabah gibi cok ziyaret edilen bir site icin buyuk paralar anlamina gelirdi.
- Yukleme hizini yuzde 35 civarinda arttirirdi. Boylece bizim gibi yurtdisinda olan kullanicilari memnun ederdi.
- Sitesinin, engelli kullanicilar tarafinda kullanimi kolaylasirdi. Sacma sapan tablolara bir anlam vermeye calisan JAWS, Lynx gibi programlar, CSS ile tasarlanmis bir siteyi daha kolay okuyabilirdi. Ayrica ileride yasayabilecegi hukuksal sorunlari simdiden cozerdi.
- Arama motorlarinda, rakiplerine oranla daha ust sirada yer alirdi.
- Ileri ki bir tarihde, sitesini yeniden tasarim etmek istedigi zaman, daha az emek, daha az para harcardi. Su an online olan sitenin bakimi ve tamiri kolaylasirdi.
Hatta cevaplarini vermekle de kalmadim, eger Sabah’in su anki tasarimini CSS yapsalar nasil olurdu diye kendime sordum ve iste burada gorebileceginiz bir kodlamayi yarattim. Bunu yapmamin amaci, yukarida soylediklerimi kanitlamak idi. CSSli sitenin kodu halen daha da iyi bir konuma getirilebilir. Ben birkac saat icinde bunu cikardim ki Sabah web tasarimcilari, birkac gun harcayarak daha iyisini cikarabilirler.
Burada ki kodlama, Sabah’in su anki tablo tasarimina oranla HTML yuzde 35 daha kucuk ve site yuzde 35 daha hizli yukleniyor. Hizi ve dosya boyutunu bir yana birakalim, CSS ile yapilmis kodlama, engelli kullanicilara daha fazla erişilebilir hale geliyor. Bence bu, dosya boyutu ve hizindan daha onemli.
Siz ne dersiniz?
Bu yazıya ait 5 yorum var.
Bu yazı yorumlara kapatılmıştır.Bence söylemeyi unuttuğun birşey var. CSS dosyalarının bir kez yapıldıktan sonra tekrar tekrar cok sık değişmeyeceğini varsayarsak bu %35 oranı çok daha iyi seviyelere gelecektir. %70lere vurması cok olanaksız değil.
Bu arada Douglas Bowman yerelleştirmesi değil mi bu?
Douglas Bowman'in yaptigi calismanin yerellesmis hali iste burada.
Bu konuda hemen şöyle bir şey söyleyeyim benzer bir dizi "case study" yapıldı. Malum Yahoo' nun kodunu XHTML / CSS yapıp milyon dolarlar kazananlar oldu (teoride tabii ki).
1 sene kadar önce Türkiye' nin işlem hacmi en büyük e-business sitelerinden birinin eski tasarımını (klasik tablo, font vs.) CSS ve XHTML ile yenilemiştim. Projenin sonda kalan %5-10' lık kısmını ben bitiremedim. Açılışını görememiştim. (daha yapılacak işleri vardı :))
Sonuç itibarıyla daha sonradan gittiğimde benim tasarımımın ardından sitenin %40' dan fazla hızlandığını, bandwith kotalarını yükselticekleri dönemde bandwithlerinin hemen hemen yarıya düştüğünü belirttiler.
İşin özü bu da TR' deki bir "case study", ve bu kişilere her ay ciddi bir $ olarak + daha fazla ziyaretçi olarak geri döndü. Aslında zamanında bunu makale haline getirip yayınlayacaktım ancak vakitsizlik vs.
Bir şey merak ediyorum ben sitelerimden birini bu sekilde tablosuz yapmaya verdim. http://www.turizmhabercisi.com/taslak.asp Haber sitesi olduğu içinde buradaki örnek çok işime yarayacak diye düşündüm. Fakat bir şey dikkatimi çekti select ve scroll lara taglerim xml iken stil veremiyorum. bu tagleri kaldırınca stiller çıkıyor. Sebebi ne olabilir?
Yaşasın tablosuz siteler!
Merhabalar oncelikle sitenizin icerigi gercekten cok guzel fakat soyle birsey soylemek istiyorum bu sabah gazetesinin tasarimini degistirdiniz burasi guzel elinize ve emeginize saglik fakat sizden bir ricam olacak..
Bu sayfayi tam olarak nasil hazirladiniz ya bu konuda bir dokumantasyon olusturursaniz hem benim hemde diger kullanicilarin cok ilgisini cekecektir. mesela ordaki kodlarda css de *.html bosalt diye birsey gordum bu nedir ve bunun gibi bir suru sey bu kodlarin anlamlariyla birlikte bu sayfayi nasil tasarladiginizi uygulamali olarak bir dokumana donusturmenizi rica ediyorum bu gercekten bu css olayini tam olarak anlamamiza yardimci olacaktir. Aslinda benim merak ettigim sey footer header orta sayfa diye bir layout olusturduk div taglariyla buraya kadar tamam ama diyelimki bir banner ekliyecegiz resim olarak o bannerin altinada baska birsey ne bileyim onun caprazina baska birsey iste bunlarin yerlerini nasil tayin edecez ve ayni zamanda butun browserlerde bu nasil degismeden calisabilecek bu sebepten dolayi tablolardan kurtulamiyorum.. Gosterceginiz ilgiye simdiden tesekkur ediyorum iyi calismalar..
Bu yazı yorumlara kapatılmıştır.
Kitabımı satın almak ister misiniz?