Free CSS Toolbox: Css kodlayanların alet kutusuFree CSS Toolbox,
css ile ilgili gerekli araçları bir araya toplamış yeni bir yazılımdır.
Css kodlarıyla çalışan web geliştiricilerinin oldukça işine
yarayabilir. Çünkü bu yazılımı kullanarak css kodlarınızı
doğrulatabilir, biçimlendirerek bir düzene sokabilir veya
sıkıştırabilisiniz. Ücretsiz olan bu yazılımın özelliklerini internete
bağlı olmadan kullanabiliyorsunuz.
Free CSS Toolbox yazılımının sunduğu özelliklerYazılımının ana özelliklerini 4 başlıkta kısaca anlatmaya çalıştım. Hadi başlayalım
1. Css editörüFree CSS Toolboxyazılımını bir css editörü olarak kullanabiliyorsunuz. Çünkü yazılımın
css kodlarını kontrol etme, renklendirme ve otomatik tamamlama
özellikleri var. Yalnız otomatik tamamlama özelliğini biraz daha
fonksiyonel olabilirmiş. Ayrıca css kodu yazarken yazılımda tutukluklar
olabiliyor. Fakat bunu kafanıza o kadar takmayın. Çünkü bizi asıl
ilgilendiren şey onun bir css editörü olması değil.
Resim 1
2. Css biçimlendiriciBu özellik,
Free CSS Toolboxyazılımının en güçlü özelliğidir. Biçimlendirme ile ile ilgili ayarları
ana pencerenin sağ tarafındaki bölümden yapabiliyorsunuz.
CSS Formatting Options olarak isimlendirilmiş bu bölümdeki ayarları kullanarak;
- tamamen aynı özelliklere sahip seçicileri bir araya toplayabilirsiniz
- seçicileri türüne göre veya alfabetik sıraya göre sıralayabilirsiniz
- seçiciler için büyük-küçük harf değişikliği yapabilirsiniz
- özellikleri alfabetik sıraya göre sıralayabilirsiniz
- özellikler için büyük-küçük harf değişikliği yapabilirsiniz
- birbirinin aynısı olan özellikleri kaldırabilirsiniz
- Shorthand kuralına uygun olarak birden fazla satırda tanımlanmış özellikleri tek bir satırda toplayabilirsiniz
- renkler arası Hexadecimal ve RBG dönüşümü yapabilirsiniz
Resim 2
3. Css doğrulayıcıAraç çubuğundaki
Check CSS butonuna tıklayarak css
kodlarınızın geçerliliğini kontrol ettirebiliyorsunuz. Bu butona
tıkladıktan sonra küçük bir pencere açılıyor ve sizden bir css
spesifikasyonu seçmeniz isteniyor. Böylece css kodlarınız
Internet Explorer 6.0 için mi,
Opera 8 için mi yoksa
Firefox 1.0için mi kontrol edilecek belirleyebiliyorsunuz. Bu işlem çevrimdışı
yapılıyor. Ayrıca çevrimiçiyseniz, css kodlarınızı yazılım içerisinden
direkt olarak WC3′nin kendi doğrulama aracına da gönderebiliyorsunuz.
Resim 3
4. Css sıkıştırıcıCss dosyalarımızda genellikle bolca yorum satırları, boşluklar ve
sekmeler kullanırız. Bu da css dosyasının boyutunun artmasına ve bizim
para karşılığında aldığımız bant genişliğinin “gereksiz” azalmasına
neden olabilir. Bu olumsuz durumların oluşmaması için yapılacak şey,
css dosyasındaki kodları sıkıştırmaktır.
Free CSS Toolbox yazılımını kullanarak css kodlarını sıkıştırmak isterseniz, araç çubuğundaki
Other Tools menüsü altında bulunan
Compress CSS seçeneğine tıklamanız yeterlidir.
Resim 4
Sonuç…Şimdiye kadar css kodlarını biçimlendirmek, doğrulamak ve sıkıştırmak için çevrimiçi araçlardan faydalanırdım ama
Free CSS Toolboxyazılımı bana yeterli araçları sunduğu için artık çevrimiçi araçları
kullanmama bir neden yok. Hafif, ücretsiz ve kullanımı kolay bir
yazılım olduğu için size de öneriyorum