firebug | bildirgec.org

Her profesyonelde olduğu gibi, internet tasarımcılarının kullandıkları aletler de yaptıkları işlerin kalitesini belirler. Dışarıda internet tasarımı üzerine kullanabileceğiniz oldukça çok sayıda uygulama mevcut. Ancak bazıları var ki, kalabalığın arasından sıyrılıp öne çıkıyor. Bu yazıda en iyi olarak belirtilenler, popüler olarak en çok kullanılan araçlar oluyor.

SixRevisions sitesinde yapılan bir oylama sonucu göre işte sonuçlar.

5. Fireworks

Adobe tarafından geliştirilmiş ve piyasaya sürülmüş olan Fireworks, hem windows hem de Mac üzerinde çalışabilen bir vektör grafik editörüdür. Photoshop'tan farklı olmak üzere, sadece web tasarımcıları için geliştirilmiştir. Site yayılım tasarımına kadar birçok araç Fireworks ile beraber gelmektedir.

Hızlı tasarım yapılmasını sağlayan, tasarımın bir resim halinden HTML/CSS haline dönüştürmede kullanılan dilimleme özelliği ve site denemesi olarak, bütün site tasarımını üzerine tıklanabilen etkileşimli pdf haline dönüştürebilmesi en önde gelen özellikleri arasında sayılabilir. En iyileme araçlarını da unutmamak gerekir.

Google Chrome’un popularitesi günden güne artıyor ancak yine de firefox’u geçmeyi başaramadı. Birçok web tasarımcısı ve geliştiricisi, onlara sunduğu ve ihtiyaçlarına anında cevap veren eklentileri sebebiyle firefox’u tercih ediyor. Fakat bu aralar google chrome da bu ihtiyaca cevap vermeye başladı çünkü Chrome’un eklenti desteği web tasarımcılar ve geliştiriciler için daha kullanılabilir hale geldi. Bu yazıda web tasarımcılar ve geliştiriciler için yararlı en iyi 10 chrome eklentisine değineceğiz.
1. MeasureIt!

Bu aracı kullanarak bir sayfadaki herhangi bir nesnenin yükseklik ve genişliğini bir cetvel yardımıyla elde edebilirsiniz.
2. Firebug Lite

Bu eklenti web geliştiricilerin herhangi bir sayfanın css, html ve java kodlarını düzenleyip işlemesine imkân tanıyor.

google chrome bildiğiniz gibi artık eklenti desteğine kavuştu. Web developer ve web tasarımcılar için aşağıda google chrome için 14 adet kullanışlı eklenti bulunmakta. şimdi özelliklerine göre eklentilere göz atalım.

1. firebug for google chrome
firebug, html ve css'de düzeltmeler yapabileceğiniz bir editör. javascript desteği bulunmamakta.

2. Pendule
web uygulama geliştiricileri için araç çubğunu inşa için ayarlar. stylesheets, formlar, resimler, html ile çalışma imkanı sunar.

3. html validator
w3c standarlarına göre html kodunu kontrol eder.

Google özgün stratejisiyle yenilikçi projelerin yanında yer almış ve geliştirilebilmesi amacıyla çeşitli servisler sunmuştur.

1. Google Chrome Developer Tools

Google Chrome Developer Tools, özellikle hızıyla tanınan Google Chrome'un geliştiriciler için sunduğu DOM, JavaScript konsolu, debugging, script testi ve performans analizi gibi özellikleriyle Firefox'un meşhur eklentisi olan Firebug'a rakip derecede gelişmiş bir geliştirici ekidir.

2. Webmaster Tools

Webmaster Tools, Web Yönetici Araçları olarak sitenizi doğruladıktan sonra site haritanızı (sitemap) tanıtabileceğiniz, akabinde çeşitli sorunlarda yeniden değerlendirme isteyebileceğiniz, HTML önerileri, kötü niyetli yazılım tespiti, url hataları, anahtar kelime analizi gibi çeşitli gelişmiş özellikleriyle arama motoru organizasyonu (seo) adına her türlü içeriğin bulunduğu servis.

Firebug daima web geliştiricileri arasında en yoğun kullanılan en popüler araçlardan birisi olmuştur. Firefox'u muhteşem yapan eklentilerden birisi bence. Bu yazıda firebug kullanmanız için sizi ikna edebilecek 10 konudan bahsedeceğim.

Sebep 1: Konsol

firebug'ı açınca ilk farkedeceğiniz şey (ister sağ alttaki simgeye tıklayarak açın, ister ctrl+f12 kısayolunu kullanın) karşınıza çıkacak olan konsol paneli olacaktır. Firefox'un hata konsolu ile çok benzeştiğini düşünseniz de, ortak özellikleri şunlar:
- Hata, uyarı, ikaz görüntüleme
- Javascript kodu çalıştırabilme
Ancak firefug konsolu eşsiz kılan ek özellikler şunlar:
- Javascript, CSS, XML, xmlhttprequest (ajax) ve firefox'un kendi iç hatalarını görüntüleyebilir.
- mevcut sayfa üzerinde javascript kodu çalıştırabilir.
Örnek bir sayfa üzerinde incelemek gerekirse.

sebep 2: HTML

Firebug'un panelleri arasında belki de en çok zaman geçireceğiniz panel html paneli.
- 1. Ögeyi incele olarak çevirebileceğimiz bu düğme, hem hangi ögeyi incelediğinizi kısaca size gösterirken, hem de istediğiniz tag'i seçme konusunda inanılmaz bir kolaylık sağlıyor.
- 2. Burada seçili olan tag'in hiyerarşik yapısını görebilir ve üzerinde değiştirmekten silmeye kadar her türlü işlemi yapabilirsiniz.

FireFox tarayıcısını kullanılabilir kılan hızlı olması ve mükemmel derecede eklenti desteğininin olmasıdır. FireFox add-ons dizininden Firefox için eklenti seçebilir ve anında kullanmaya başlayabilirsiniz. Bu yazımızda web geliştiricileri için faydalı olacak olan bir takım eklentileri tanıtacağım. Aşağıdaki tarz eklentilere buradan daha kalabalık bir liste olarak erişebilirsiniz. Bu yazıyı yazarken kaynak olarak şurası kullanıldı.
Firebug
Firefox'un kaynak göster özelliğinin geliştirilmesiyle oluşan ve CSS, HTML ve JavaScript özelliklerini düzenleyebilen ayırca hata ayıklayabilen mükemmel bir eklentidir. Firefox üzerinde en aktif kullandığım eklenti diyebilirim.

Tasarımcılar ve web geliştiricilerinin (webmaster) büyük çoğunluğu firefox kullanıyor. Bunun nedeni çoğunlukla eklenti desteği. Eklentiler sayesinde tarayıcının performans ve kapatisesi sonuna kadar kullanılabiliyor. Bu sayede web geliştiricileri zamandan kazanıyor ve işlerini daha kolay yapıyor. Aşağıda firefox ile birlikte kullanılarak webmasterlerin işini büyük ölçüde kolaylaştıracak 22 eklentiye yer verilmiştir.

Web Developer Toolbar

Geliştiriciler için basit ve kullanışlı bir araç çubuğu.

Firebug

Web sayfasının CSS, HTML ve JavaScript kodlarındaki hataları bulabilir ve onarabilirsiniz.

Page Speed

Açık kaynaklı bir eklenti. Sayfa hızının performansını değerlendirebilir ve nasıl iyileştirebileceği konusunda tavsiye alabilirsiniz.

FirePHP

FireBug konsoluna mesaj göndermeye yarar. Firebug yüklenmiş ve "net" paneli aktif olmalıdır. Bir adette PHP kütüphanesi yüklemelisiniz.

YSlow

Firefox, her geçen gün popülerliğini arttırıyor. Bunun yanında sürekli yeni eklentiler yapılıyor.

Web geliştiricileri için faydalı olabilecek eklentilere aşağıdan ulaşabilirsiniz.

1 - Web developer's toolbar
Bu araç ile sayfaları daha çabuk optimize edebilirsiniz.

2 - Firebug
Firebug oldukça güzel bir web geliştiricisidir. Hata ayıklama, özel css ekranı gibi ek özellikleri bulunuyor.