bildirgec.org

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ştirmesayfayı kolonlara bölmesayfa içinde bölüm oluşturmasayfayı dikey veya yatay ortalamamouse üstüne geldiğinde yanıp sönen butonlarmouse ü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üş

Burada ve burada, css ile tasarım yapmak isteyen tasarımcılara yönelik birbirinden farklı layer uygulamaları yer almakta.