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
Yorum takibi
Geri izleme
Yazıyı Paylaş
17 Ağustos 2007, 09:12
Yazılım
Bugün 0 kez, toplam 2,519 kez okundu.
css, editör, firefox, html, ie, internet explorer, kod, opera, web
17 Ağustos 2007, 10:13
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
17 Ağustos 2007, 10:32
ben de bir deneyeceğim artı rep =P
17 Ağustos 2007, 10:36
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.
17 Ağustos 2007, 10:45
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.
17 Ağustos 2007, 10:48
@MaFiAMaX
Dahili css kodlarını kopyala-yapıştır yöntemi ile programda düzenleyebilirsin.
17 Ağustos 2007, 10:55
Sağol Erhan. Akşam ilk işim bu programı denemek olacak. Paylaşımın için teşekkür ederim.
17 Ağustos 2007, 11:36
güzel bir program eburhan
eve dönünce ilk işim denemek olacak 
17 Ağustos 2007, 12:31
Erhan abi programı yükledim ve işimi görüyor.Kullanımı da çok basit.Sağol
17 Ağustos 2007, 14:03
ben dreamweaverda kodluyorum ama ilk fırsatta denicem.
17 Ağustos 2007, 22:59
Aptana‘dan şaşmam
Ama css doğrulayıcı eğer düşündüğüm gibiyse test etmekte yarar var.
18 Ağustos 2007, 12:23
Basit ve etkili
18 Ağustos 2007, 16:27
CSS okuyorum öğrenmeye çalışıyorum sizlerin yazıları sayesinde bilgi birikimim artıyor sağolun
19 Ağustos 2007, 20:16
Css hastası olduğum dönemlerde böyle bir proğramla karşılaşmam çok güzel
teşekkürler
5 Eylül 2007, 00:55
Oldukça güzel bir programa benziyor. Teşekkürler
22 Ekim 2007, 14:13
Program Arayüzü Güzel …
Kod Tamamlaması Çok Hızlı …
Lisansı Bedava Olan Bir Program
Bunla Çok İyi İşler Çıkartılabilir
10 Üzerinden 9
4 Şubat 2008, 00:18
[…] CSS kodlayanların alet kutusu […]
8 Mart 2008, 03:00
programın kullanımı kolay gibi geldi, ben dreamweaver kullanıyordum, bakalım bu nasılmış?
8 Mart 2008, 10:27
@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