bildirgec.org

CSS, websitelerini stillemek için iyi bilinen ve geniş kesimler tarafından kullanılan bir dildir. Halen üzerinde çalışılan üçüncü sürümü ile geliştiricilere zaman kazandıracak pek çok özellik CSS’ye dahil edilecektir. Her ne kadar sadece en modern tarayıcılar tarafından bu özellikler desteklense de, yakında geniş kesimler tarafından kullanılabilecek olan bu yeniliklerin neler olduğunu şimdiden görmek güzel. Bu rehberde size CSS3 ile hayatımıza girecek olan 5 tekniği göstereceğim.

1: Genel Biçimlendirme

Dersimize başlamadan önce gelin dersimiz süresince kullanacağımız genel biçimlendirmemizi oluşturalım.

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ş.

Burada sıklıkla kullanılan bazı web uygulamalarına alternatif (bence daha hoş) hazırlanmış bazı uygulamalar var.

Lightbox ile web sayfanızda yer alan imajları görsel popup olarak görüntüleyebilirsiniz. Bildiğimiz lightbox`dan farklı olarak daha uzun açıklamalar girilebilir olması ve diğer imajlar ile geçiş sağlayabilmesi.

Image Menu ile imajlardan oluşan menüler hazırlayabilirsiniz.

sitelerimize web2.0 tasarımı için yine-yeni-alternatif bir köşe yuvarlaklaştırma yöntemi. roundedcornr, isminden anlaşıldığı gibi köşelerimize oval resimler yapıyor ve css+html kodunu elimize veriyormuş.