Burada köşesiz kutu çeşitleri (5 resim dosyalı, tek resim dosyalı, tamamen CSS, Javascript) için verim araştırması yapılmış. [kutular]
köşesiz kutu örneği (nifty corners)
Araştırma sonucu olarak kesin bir yargıda bulunmamış fakat Javascript ve tek resim dosyalı yöntemi 1.'lik adayları. Kişisel yorumum ise Javascript ile yapılması. Çünkü anlaşılan o ki tek resim dosyası yöntemi ile biraz eliniz ayağınız bağlı kalıyor fakat Javascript kullanırsanız bu konuda gayet rahatsınız.
Testte en kötü sonucu ise 5 resim dosya yöntemi vermiş.
- gKAANs
- 7 yorum var
- 04 Şubat 2008 16:21
« önceki yazı Sevgililer Gününe Özel RSS İkonları |
sonraki yazı » XPS Nedir? |
Yorumlar
bana kalırsa en kötüsü javascript. nedeni de sayfa tamamen yüklenmeden sayfanın berbat bir şekilde görünmesi... üstelik yüklenme süresi de çok uzun...
halbuki "table" zamanında işler böylemiydi... "div" di css'ydi yine bir ton kod yazıyorsun. ne anladım ben bu işten?
En iyisi de niftycorners'tır, mySchoolog'da kullanıyorum. tek eksiği sayfa yüklenmesi tamamen bittikten sonra javascript ile uygulaması. yani sayfa da en ufak bir resim yüklenmese o kenarlar köşeli köşeli bekliyor. bir de yani hemen açılmıyorsa sayfanız, kullanıcılar önce köşeli kenarları 3-5 saniye boyunca göreceklerdir. ama diğer tüm scriptlere göre başarılıdır. görünmeyen div'lere bile uygulanabiliyor.
jQuery curvy corners nifty'den daha iyi bence. Sitenin tamamı yüklenmeden devreye giriyor. Ve köşeleri nifty corners'dan daha iyi yuvarlıyor.
javascript li yuvarlamaları tavsiye etmiyorum, nitekim sayıları artınca sayfanın scroll u bile yavaşlıyor, zamanında bir 10 marifet örneği vardı, kasım kasım kasılıyordu sayfa yuvarlamalar yüzünden.
eni sabit tablolar, taşıyıcılar için (fixed width) bir tepeye bir de en altına koymak üzere iki tane imaj kullanmak akıllıca.
eni değişken taşıyıcılar için sadece köşelere koyabileceğiniz 4 adet imaj işinizi görecektir.
nifty corners'ı yüksek trafikli siteler için önermiyorum. (özellikle tekil hiti yüksek olurken çoğul hiti hemen hemen tekil hitiyle aynı olanlar)
o zaman'da genişlikleri değiştirmek biraz zahmetli olur ama tabiiki oda güzel bi yöntem. Js'nin yüklenmesini bekleyene kadar birkaç kb ile resim eklemek daha mantıklı evet :)
pillinetwork sitelerine yorum ekleyebilmek ve daha fazlası için, üye olun ya da giriş yapın.
İlgili Yazılar
- tasarımcının el rehberi 4 - web 2.0 listeleri l... (1)
- tasarımcının el rehberi 1 - css galerileri (5)
- tasarımcının el rehberi 2 - javascript kaynakları (2)
- tasarımcının el rehberi 3 - online tasarım derg... (1)
- Lightbox 2 - javascript photo gallery (2)
- Web Geliştiriciler İçin Ajax Kaynakları (5)
- phatfusion ile js web uygulamaları (3)
- The Web Developer's Hand Book (0)
- script.aculo.us'ın yeni versiyonu kullanıma hazır (5)
Bu Yazıyı Tutanlar
Beğendiğiniz bir yazıya "tuttum" demek için başlığın yanındaki yıldıza tıklayabilirsiniz.
