css kod | bildirgec.org

her ne kadar fazla sitede rastlamasak da site içerisindeki bağlantıların çeşitli biçimlerde gösterilmesi mümkün. daha önce CSS ile linkleri simgeleştirmek yazısında işlenen konuda olduğu gibi... şuradaki kaynakta ise sitenizden verdiğiniz bağlantıların nasıl daha fazla açıklayıcı ve kullanılabilir olacağına dair bazı teknikler verilmiş.

1. dosya tipini ikon şeklinde göstermek
   
   
   
   önizlemede de görüldüğü gibi ziyaretçi bir bağlantıya tıkladığı zaman ne türde bir sayfanın açılacağını önceden biliyor. dolayısıyla adres çubuğuna bakıp sayfa türünün ne olduğunu kestirmeye çalışmasına gerek kalmıyor.
2. sayfanın dilini göstermek
   
   
   site yapımcıları tarafından kullanımı yaygın olsa okuyucuyu az da olsa zahmetten kurtaracak bir uygulama.

Günümüzde CSS kullanmayan site sayısı gittikçe azalırken buna ters orantılı olarak gelişen CSS araçlarının sayısı da gün geçtikçe artıyor. Her yeni bir araç, CSS geliştiricilerinin projeler üzerinde harcadıkları zamanı azaltmaya ve daha verimli kodlama yapmalarını hedefliyor.

İşte tam da bu noktada Back to Essentials web sitesi, İnternet üzerindeki CSS araçlarına yönelik bir liste hazırlamış. Ben de ilgilenen bildirgec okurları için bu yazıyı yayımlama gereği hissettim. Umarım işinize yarar.

Yazıtipleri

Typetester

Ekranda farklı yazıtiplerini karşılaştırabilmenize yarayan bir uygulama.

Em Calculator

Em Calculator, küçük bir JavaScript aracı olup genişletilebilir ve erişilebilir CSS tasarımları oluşturmanıza yardımcı oluyor. Pixel değerindeki verileri bağıl em birimlerine dönüştürüyor.

buradan basit bir css menüsünün nasıl yapıldığını görebilirsiniz.

buradan da css ile; sayfa kenarlıkları resmin yanına yazı yerleştirme sayfayı kolonlara bölme sayfa içinde bölüm oluşturma sayfayı dikey veya yatay ortalama mouse üstüne geldiğinde yanıp sönen butonlar mouse üstüne geldiğinde öne çıkan resim gibi bir kaç ugulamanın nasıl yapıldığını görebilirsiniz.

mouse üstüne geldiğinde renk değiştiren ve öne çıkan buton

mouse üstüne geldiğinde arkadaki resim öndeki büyük karede çıkıyo

sayfa üç kolona bölünmüş