Sitenizde css kullanıyorsunuz ve tasarımınızı şekillendirirken birçok menüde, bannerda değişiklikler, denemeler yapıyorsunuz. Eğer bunun gibi işlemleri yaparken bir tasarım editörü kullanmıyorsanız değişiklik yaptığınız dosyaları sürekli olarak sunucunuza yüklemek zorundasınız. Bu işlem de bir zaman sonra bezdirici bir durum oluyor haliyle.

İşte tam bu aşamada CSSFly devreye giriyor. Bu site ile tasarımınızdaki css kodları üzerinde değişiklik yapabiliyor ve bu değişiklikleri hiçbir yükleme yapmadan aynı anda görebiliyorsunuz. Sitenin “Edit website” bölümüne sitenizin adresini yazıyor ve sitenizin inceleyeceğiniz bölgesini seçiyorsunuz. Açılan sayfa üzerinde CSSFly‘ın kendi düzenleme alanı bulunuyor. Siz de bu alan içerisinde kodlar üzerinde oynama yapıyorsunuz.

CSSFly Wordpress, Blogcu gibi hazır sistemler üzerine blog yazanlar oldukça işlevsel. Sunucuya yükleme veya önizleme yapmaksızın, değişikliklerinizi anında görme şansınız var.

Amaç olarak biraz daha farklı ancak yine css ile ilgili, bir Firefox eklentisi CSSViewer‘dan bahsedebiliriz. Benim oldukça sık başvurduğum eklenti, bir sayfa üzerinde fareniz ile geldiğiniz nokta üzerindeki css bilgilerini (arkaplan, font, renk v.b.) bir pencerede size sunuyor. Böylelikle kodlarda her bölüm için arama yapmaya gerek duymadan görmek istediğiniz bölüm hakkındaki her şeyi görme olanağınız oluyor.

Ekleme

CSSVista editörünü kullanarak da yine kodlarınız üzerinde çalışabilir ve sitenizin hem Internet Explorer, hem de Firefox’ta nasıl görüneceğine dair fikir edinebilirsiniz. Ayrıca editörün sitesinde güzel çalışmalar var, inceleyebilirsiniz.