eburhan.com

Free 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 özellikler

Yazı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 Toolbox yazı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çimlendirici

Bu özellik, Free CSS Toolbox yazı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.0 iç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 Toolbox yazı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