Free CSS Toolbox: Css kodlayanların alet kutusu
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 ![]()



















Ben css yazılımı olarak TopStyle kullanıyorum fakat o ücretli. Senin önerdiğin bu program daha gelişmişe benziyor. Deneyeceğim, saolasın
ben de bir deneyeceğim artı rep =P
Erhan, anlattığına göre sanki program harici css dosyaları üzerinde işlem yapabiliyor. Peki head etiketleri (internal) arasındaki css kodları içinde çalışma yapılabiliyor mu? Malum Blogger şablonunda css kodları internal.
Aynı firma, Blumentals Software’ in çıkardığı ücretli bir programı kullanıyorum, Rapid CSS oldukça güzel bence, zannedersem birkaç özelliği kullanılarak ücretsiz böyle bir program yapmışlar, bilgilendirme için teşekkürler eburhan.
@MaFiAMaX
Dahili css kodlarını kopyala-yapıştır yöntemi ile programda düzenleyebilirsin.
Sağol Erhan. Akşam ilk işim bu programı denemek olacak. Paylaşımın için teşekkür ederim.
güzel bir program eburhan
eve dönünce ilk işim denemek olacak 
Erhan abi programı yükledim ve işimi görüyor.Kullanımı da çok basit.Sağol
ben dreamweaverda kodluyorum ama ilk fırsatta denicem.
Aptana‘dan şaşmam
Ama css doğrulayıcı eğer düşündüğüm gibiyse test etmekte yarar var.
Basit ve etkili
CSS okuyorum öğrenmeye çalışıyorum sizlerin yazıları sayesinde bilgi birikimim artıyor sağolun
Css hastası olduğum dönemlerde böyle bir proğramla karşılaşmam çok güzel
teşekkürler
Oldukça güzel bir programa benziyor. Teşekkürler
Program Arayüzü Güzel …
Kod Tamamlaması Çok Hızlı …
Lisansı Bedava Olan Bir Program
Bunla Çok İyi İşler Çıkartılabilir
10 Üzerinden 9
programın kullanımı kolay gibi geldi, ben dreamweaver kullanıyordum, bakalım bu nasılmış?
@amanhem
Bu programı Dreamweaver ile karşılaştırmak yanlış olur. Sonuçta bu program bir web editörü değil. Yalnızca css kodları üzerinde düzenleme, doğrulama ve sıkıştırma gibi işlemlerin yapılabilmesini amaçlıyor. Dolayısıyla bu programı Dreamweaver yanında bir yardımcı program olarak görmek daha doğru olur