Google da ara

 

Haziran 2010
Pts Sal Çar Per Cum Cts Paz
« May   Tem »
 123456
78910111213
14151617181920
21222324252627
282930  

Google Reklamları

Dil Seçimi

Bağış yada Ödeme

Firebug ile CSS duzenleme ve kaydetme

Bir çok web tasarımcısının sitelerinin tasarımlarını firebug ile düzenlediğini ve burada yaptığı değişiklikleri css dosyalarına kopyalayıp yapıştırdığına şahit oldum. Dün bununla ilgili biraz araştırma yapıp firebug üzerindeki değişiklikleri direk kaydetmenin bir yolunu aradım ve karşıma FireFile adında bir Firebug eklentisi çıktı. Bu eklenti ile yaptığınız değişiklikleri direk server a gönderebiliyorsunuz.

Kısaca yaptığı işlem şu :

- Firebug a attach olarak Css düzenlemelerini track ediyor
- Eklemiş olduğunuz bir endpoint service e bu değişiklikleri otomatik yada manuel bir şekilde gönderebiliyor.

Burda sözü geçen endpoint eklentiyi geliştiren arkadaşın canlıda kullanılmak üzere yazdığı bir php dosyasından ibaret.
Dosyayı server a atarak gerekli düzenlemeleri yaptığınızda (dosya yetkileri vb) sitenize girip firebug ile düzenlediğiniz css leri herhangi bir kopyala yapıştır işlemi olmaksızın kaydedebiliyorsunuz.

Eklentiyi biraz debug ederek yaptığı işlemin en basit halini kendim kullanabileceğim bir Asp.Net dosyası olarak geliştirdim. Böylece local de asp.net web development server üzerinden istediğim gibi css lerimi kolay bir şekilde değiştirebilir hale geldim.
Asp.Net Web Developer larının çok işine yarayacağını düşündüğüm bu dosyayı aşağıdaki adresten indirebilirsiniz.

Kurulum için öncelikle bu adresten firebug ı kurmuş olmanız gerekiyor:

http://getfirebug.com/

Sonra firefile eklentisini bu adresten edinebilirsiniz:

https://addons.mozilla.org/en-US/firefox/addon/52365/

En son olarakta FireFile.aspx dosyasını aşağıdaki adresten indirebilirsiniz :

http://www.yilmazyavuz.com/yyblog/wp-content/uploads/FireFileAspx.rar

Kullanımı readme.txt dosyasında anlatılmıştır.Soru ve önerileriniz için bu yazıya yorum yapabilirsiniz.

1 comment to Firebug ile CSS duzenleme ve kaydetme

Leave a Reply

 

 

 

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="">