Beni biraz yakından tanıyanlar sıkı bir Firefox kullanıcısı olduğumu bilir. Bunun birkaç sebebi vardır. Fakat o sebeplerin arasında en önemli olanı Firefox‘un bir sürü eklenti seçeneğine sahip olmasıdır. Ve web tasarımında da eklentiler bazı işleri gerçekten kolaylaştırabiliyor. Bu yüzden onları kullanmakda fayda var. Şimdi hangi eklentileri kullanıyorum ve bunların ne işe yaradığını hep birlikte öğrenelim.

Aardavark

Aardavark eklentisi ile sayfa üzerindeki HTML etiketlerini görebiliyoruz, bunların HTML kodlarını inceleyebiliyoruz ve sayfamızdan geçici olarak HTML etiketlerini kaldırabiliyoruz(R.I.P eklentisi ile HTML etiketlerini tamamen kaldırabilirsiniz). Kullanışı da gayet basit: hangi sayfada kullanmak istiyorsanız, o sayfa da sağ tıklayıp START AARDAVARK komutuna uyguluyorsunuz ve eklenti çalışmaya başlıyor. Ardından da klavyedeki kısayolları kullanarak istediğiniz işlemi yapabiliyorsunuz. Bu kısayolları ve ne işe yaradıklarını öğrenmek için Aardavark eklentisi etkinken klavyeden H düğmesine basmanız yeterli. Eklentiyi kapatmak için de Q kısayol tuşunu kullanabilirsiniz. Aardavark eklentisini bu sayfadan yükleyebilirsiniz.

Colorzilla

Colorzilla eklentisi ile sayfa üzerindeki herhangi bir nesnenin rengini HEX veya RGB kodu olarak alabilirsiniz. Ayrıca COLOR PICKER komutu ile renk seçim penceresini açıp oradan da renk seçimi yapabilirsiniz. Colorzilla eklentisini yüklediğinizde Firefox’un durum çubuğunun solunda simge olarak yerleşecektir. Simge üzerine sol fare tuşu ile birkez basınca renk seçim aracı açılır ve sayfa üzerinde herhangi bir nesneye basarak rengi belirleyebilir, sağ fare tuşuyla basınca da açılan menüden renk kodunu HEX veya RGB olarak alabilirsiniz. Colorzilla eklentisini bu sayfadan yükleyebilirsiniz.

CSS Viewer

CSS Viewer eklentisi de sıkça kullandığım eklentiler arasında. Bu eklenti ile sayfa üzerindeki nesnelerin temel CSS özelliklerini görebilirsiniz. Kullanımı yine çok basit: ARAÇLAR menüsünden CSS VIEWER komutuna birkez basınca CSS Viewer eklentisi aktif hale geliyor ve sayfa üzerinde nesnelerin üzerlerine gelip CSS Viewer kutusunda temel özellikleri görebiliyorsunuz. CSS Viewer’ı kapatmak için yine ARAÇLAR menüsünden CSS VIEWER komutuna basıyoruz. CSS Viewer eklentisini bu sayfadan yükleyebilirsiniz.

Firebug

Firebug benim en sık kullandığım Firefox eklentisidir. Bu eklenti web tasarımcı ve geliştiricileri için adeta bir ilaç! xD Çünkü Firebug sayesinde sayfanızdaki HTML ve CSS etiketlerini görüntüleyebilir, anında düzenleyebilir ve Javascript betiklerinizde yer alan hataları gözlemleyip yok edebilirsiniz. Ayrıca ağ monitörü özelliği(Firebug’daki NET sekmesi) ile sayfanızla ilişik diğer dosyaların yükleniş anında kaç KB olduğunu, kaç saniyede yüklendiğini ve ilişik dosyaların yüklenip yüklenmediğini görebilirsiniz. Firebug eklentisi yüklendiğinde Firefox’un durum çubuğunun sağında simge olarak yerleşecektir. Bu simgeye basarak Firebug penceresini açabilir, aynı zamanda kapatabilirsiniz. Firebug eklentisini bu sayfadan yükleyebilirsiniz.

HTML Validator

HTML Validator eklentisi de bana göre en az Firebug kadar gerekli bir eklentidir. Bu eklenti sayesinde sayfanızın HTML kurallarına uygun olup olmadığını öğrenebilirsiniz. Bu eklenti yüklendiğinde yine Firebug gibi Firefox’un durum çubuğunun sağında simge olarak yerleşecektir. Html Validator eklentisini bu sayfadan yükleyebilirsiniz.

IE Tab

IE Tab eklentisi ile Firefox’dan ayrılmadan sayfanızı Internet Explorer motoru ile aynı veya yeni bir sekmede açabilirsiniz. Bu eklentiyi kurduğunuzda Firefox’un adres satırının yanında simge olarak yerleşecektir. IE Tab eklentisini bu sayfadan yükleyebilirsiniz.

Measure It

Measure It eklentisi ile sayfanızdaki nesnelerin genişlik ve yüksekliğini piksel cinsinden öğrenebilirsiniz. Bu eklenti yüklendiğinde Firefox’un durum çubuğunun solunda simge olarak yerleşecektir. Measure It eklentisini bu sayfadan yükleyebilirsiniz.

Screengrab

Screengrab eklentisi ile sayfanızın bütününü veya görünen kısmını PNG olarak kaydedebilir ya da direkt kopyalayıp hafızaya alabilirsiniz. Bu eklenti kuruldukdan sonra Firefox’un durum çubuğunun sağında ikon olarak yerleşecektir. Simge üzerine basıp SAVE veya COPY menülerinin altındaki komutları uygulayarak bu eklentiyi kullanabilirsiniz. Screengrab eklentisini bu sayfadan yükleyebilirsiniz.

Split Browser

Split Browser eklentisi sayesinde Firefox sayfanızı yatay veya dikey olarak bölümlere ayırabilirsiniz. Bu sayede iki sayfayı karşılıklı görebilme şansına erişeceksiniz. Split Browser eklentisini bu sayfadan yükleyebilirsiniz.

Web Developer Toolbar

Web Developer Toolbar eklentisi yine benim açımdan “olmazsa olmaz” denilebilecek Firefox eklentileri arasına giriyor. Bazı işlevleri açısından Firebug’a benzemesinin yanısıra ondan çok daha fazla işlevi bulunmakta. Bu eklenti yüklendikden sonra Firefox’a yeni bir araç çubuğu olarak yerleşiyor. Web Developer Toolbar eklentisini bu sayfadan yükleyebilirsiniz.

Yet Another Window Resizer

Yet Another Window Resizer eklentisi sayesinde tarayıcınızı 640×480, 800×600 ve 1024×768 gibi boyutlara değişebiliyorsunuz. Bu eklentiyi kullanmak için sayfanızda sağ fare tuşuyla açılan menüden RESIZE WINDOW’ın altındaki komutlardan istediğiniz bir boyutu seçmeniz gerekiyor. Yet Another Window Resizer eklentisini bu sayfadan yükleyebilirsiniz.

Tarih: 03 Eylül 2007 17:56
Kategori: Css, Web Tasarım, Xhtml

Yorumlar

Bu yazı hakkında toplam 9 yorum yazıldı. Yorumları RSS üzerinden de takip edebilirsiniz. Siz de yorum yazmak ister misiniz?

Güzel bir derleme hazirlamissin yine. Ama benim icin tüm eklentiler bir yana Firebug ve Colorzilla bir yana diger tüm eklentiler bir yana :)

Bu arada, split browser eklentisinden haberdar olmak ise güzel oldu.
- metsatoll
- 03 Eylül 2007 18:49
- Kalıcı Bağlantı
web developer’ı tek geçeriz. :)
- sunipeyk
- 03 Eylül 2007 21:51
- Kalıcı Bağlantı
tam da bu aralar ulaşmaya çalıştığım araçlar.
hızır gibi yetiştin. emeğine sağlık
- aliskan
- 04 Eylül 2007 01:59
- Kalıcı Bağlantı
FF için çok güzel eklentiler paylaşmışsın eline sağlık fatih..

Download severler içinFlashGot buda güzel bir eklendi:)
- ergin
- 05 Eylül 2007 01:48
- Kalıcı Bağlantı
Birkaç eklentiyi de şurada yazmaya çalıştım.
- Emre Özçelik
- 07 Eylül 2007 01:26
- Kalıcı Bağlantı
Colorzillayı denedim iyi ki paylaşmışsın çok teşekkür ederim.
- eda suner
- 11 Eylül 2007 20:41
- Kalıcı Bağlantı
güzel yazılar teşekkürler
- Hakan
- 18 Eylül 2007 21:38
- Kalıcı Bağlantı
eline sağlık,güzel bir yazı olmus benimde ff olmazsa olmazlarım arasında IE Tab , ve firebug ff vazgeçilmezleri :)
- İsmail akyldz
- 24 Eylül 2007 18:51
- Kalıcı Bağlantı
[…] Bu konuda yazan dostum Fatih Turan’ın önerdiği eklentiler de harika: http://www.fatihturan.com/web-tasarim/web-tasarimi-icin-kullanabileceginiz-firefox-eklentileri […]
- O Robota Sevgimden Firefox Kullanıyorum ;) » GÜNEŞİN TAM İÇİNDE
- 18 Mayıs 2008 19:47
- Kalıcı Bağlantı

Yorum Yaz

Yorum yazabilmeniz için adınız, soyadınız ve e-posta adresinizi mutlaka girmeniz gerekiyor. E-posta adresiniz burada gösterilmeyecektir.

Lütfen yorumunuzu yazdıkdan sonra önizleme düğmesine basıp ardından yazım hatalarınızı kontrol edin. Konu ile alakasız ve çok fazla yazım hatası bulunan yorumlar onaylanmayacaktır.

Kenar Notu Rss

DW, FW ve SoundBooth Beta Çıktı

Adobe, Dreamweaver, Fireworks ve SoundBooth programlarının beta sürümlerini yayınladı. Bu programların yanısıra Photoshop ve Illustrator'u da beklerdim ama demekki hazır değiller. Her üç programı da Adobe Labs'dan indirebilirsiniz.