"

SiberKültür 101: Internet kültürü, web dedikoduları ve web tasarımı ve geliştirme konusundaki tüm açlığınızı giderir.

Web Geliştiriciler İçin En İyi 17 Firefox Eklentisi

Şüphesiz browser savaşlarında en çok yorulanlar web geliştiricileri. Kullanıcıların aksine onlar her platformu düşünmek zorunda. Kodladığımız bir JavaScript Firefox 'da da Internet Explorer gibi çalışıyor mu, yazdığımız CSS 'ler tüm browserlarda aynı görüntüyü veriyor mu gibi bir çok durumda resmen taklalar atmamız gerekiyor.

Genellikle standartlara uygun davransak da, her halükarda browser uyumsuzlukları yaşadığımız oluyor.

İşte bu ve bunun gibi sorunların üstesinden gelmek için madalyonun Firefox tarafında işlerimizi kolaylaştıracak Firefox eklentileri!

Web DeveloperWeb Developer

En eski web geliştirici eklentisi bu olsa gerek. Web Developer araç kutusuyla; javascript, css, formlar ve daha bir çok şeye müdahale edebiliyor, düzenleyip, kapatabiliyorsunuz. Özellikle yağtığınız sayfalar üzerinde testler yapmanız için en iyi araç.

Html Validator

W3C 'nin html validasyon servisinin Firefox yansısı. Hazırladığınız sayfaların web ile uyumunu gözlemlemek için kullanabileceğiniz bir araç.

Firebug

Firebug

Firebug, herhangi bir sayfa üzerindeki html elementlerine, css 'e ve javascript 'lere anlık olarak müdahale edebilmenizi sağlıyor. Ayrıca debug işlemlerinizi de çok kolaylaştırıyor.

Screengrab!

İşte favori eklentilerimden birisi. Özellikle web ajanslarında çalışıyorsanız, arada sırada da olsa web sitesinin tüm sayfa görüntüsünü almanız gerekebilir. Ekran alma yöntemiyle bunu defalarca yapıp, birleştirmeniz gerekir. Ancak bu eklenti tüm sayfayı, ne kadar uzun olursa olsun, anında size resim olarak veriyor.

IE TabIE Tab

Bir Firefox bağımlısıysanız, Internet Explorer 'ı açmak sizin için çok zor olabilir. Bu aşamada IE Tab, size Firefox üzerinden açtığınız bir tabde sayfanın Internet Explorer 'da nasıl görüneceğini görme imkanı sağlıyor.

Safari View

Internet Explorer 'ı düşünürken, Safari 'yi düşünmemek olmaz tabiki de. Bu eklentiyle sitenizin Safari 'de nasıl göründüğünü test edebilirsiniz.

FireFTPFireFTP

Ftp programı olarak henüz kendinize bir uygulama seçmediyseniz, FireFTP size Firefox üzerinde bir şans tanıyor.

User Agent Switcher

Bilmeyenler için, bir web sitesine girdiğinizde, browser kimliğiniz sunucuya iletilir, yani Firefox kullanıcısı mısınız, yoksa mobil bir kullanıcı mısınız bunun ayırımını yapmaya yardımcı olur. Bu eklenti sayesinde sunucuyu kandırabiliyorsunuz.

SwitchProxy Tool

Özellikle ülkemizde Internet 'e gelen yasakları düşündüğümüzde proxyler çoğumuzun içli dışlı olduğu uygulamalar. Firefox üzerinden proxylerinizi yönetmek istiyorsanız bu eklentiyi kullanmalısınız.

ColorZillaColorZilla

Webde gezerken bazı renk temaları gözünüze çok hoş gelir ve arşivlemek istersiniz. Veya grafik programınızdan kaydettiğiniz görselin renkleriyle browserda kullandığınız renkler arasında uyumu yakalayamamışsınızdır. İşte ColorZilla bu noktada yardımınıza koşuyor, Firefox üzerindeki renkleri piksel piksel görmenizi sağlıyor.

My Image Here

Bir web sitesinde reklam görseli nasıl duracak gibi testlerinizde bu eklenti işlerinizi oldukça kolaylaştıracaktır. Bu eklenti, herhangi bir sayfada bulunan görseli başka bir görselle değiştirmenize yarar.

SEOQuakeSeoQuake

Arama Motoru Optimizasyonu (SEO), bir çoğumuzun dikkat ettiği ve önemsediği bir konu. Sitenizin arama motoru optimizasyonunu geliştirmek için en iyi araçlardan birisi de bu Firefox eklentisi.

KGen

Bir başka arama motoru optimizasyonu konusu da sayfanızda bulunan anahtar kelimelerdir. Bu eklenti sayfesinde kullanmanız gereken anahtar kelimeleri anında oluşturabilirsiniz.

Extended Copy Menu

Özellikle editörlerin işine yarayacak bu eklenti, herhangi bir sitede bulunan metini daha akıllıca kopyalayabilmenizi sağlıyor. Örneğin bir sayfada seçtiğiniz metini html kodlarıyla kopyalayabiliyorsunuz.

Tamper DataTamper Data

Bu Firefox eklentisi sayesinde web sitesi üzerinde gelip giden her türlü sorguyu görebilir ve düzenleyebilirsiniz. Özellikle 404 tespiti ve açık yakalama konularında çok başarılı.

HackBar

Bu eklenti, Firefox aracılığıyla sitenizi altyapı açıklarına karşı test edebilirsiniz. Özellikle sql açıkları konusunda olukça başarılı.

SQLite Manager

Firefox eklentileriyle neler yapılabileceğinin bir örneği SQLite Manager. Bu eklentiyle bilgisayarınızdaki SQLite veritabanlarını yönetebiliyor, sql sorguları gönderebiliyorsunuz.

SiberKültür Hangilerini Kullanıyor?

  1. IE Tab
  2. Tamper Data
  3. Screengrab!
  4. Firebug
  5. Web Developer

tercih ettiğimiz bazı temel Firefox eklentileri. Bunlar sayesinde gerek ajansta, gerekse de kişisel işlerimizde oldukça zaman kazandığımızı söyleyebiliriz.

Peki Siz?

Siz web tasarımı ve geliştirme yaparken hangi eklentileri kullanıyorsunuz? Yorum olarak yazmaktan çekinmeyin!

Yorumlar

merhaba,

ellerinize sağlık. yine çok güzel bir yazı olmuş. ben şunları kullanıyorum:

  • web developer toolbar
  • firebug
  • fireftp
  • colorzilla
  • seoquake

sizin de yazınızla birkaç tane daha eklenecek sanırım.

Gerçekten çok faydalı bir yazı olmuş. Bu tür yazılar bu işe yeni başlayan veya geliştirmek isteyen kişiler için bulunmaz nimet. Başarılar

NoScript ziyaret ettiğiniz sitelerdeki javascript'leri kontrol etmenize yardımcı olur.
Yslow yahoo performans ölçer.

daha çokta bu kadar yeter arkadaşlar benden tavsiye firebug'sız olmuyor bu eklenti mutlaka olsun firefox'ta.

Gelmiş geçmiş en faydalı 2 eklenti web developer ile firebug'dır. Yerinde müdahale ve classların kontrolünde size müthiş bir üstünlük ve zaman kazandırıyor. Bu konuya ben de http://kudret.gokyigit.net/tasarim/2-onemli-firefox-eklentisi/ ile değinmiştim.
Herkes kullanacağı kadar eklenti yüklemeli bence. Firefox'un en güzel özelliği de bu noktada ortaya çıkıyor. (Her ne kadar memory yese de :D)

Bu arada SeoQuake i daha önce yüklemiştim ama sildim. Rahatsız edici olabiliyor. Ben sitelerin pagerank ve alexa takipleri için SearchStatus eklentisini kullanıyorum. https://addons.mozilla.org/en-US/firefox/addon/321

Güzel derleme olmuş.

Kullandığım eklentiler:
IE Tab
ScreenGrab
Fire FTP
Dummy Lipsum (https://addons.mozilla.org/en-US/firefox/addon/2064)

Listeye birşey ekleyebilir miyim diye baktığımda zaten bildiğimden fazlasıyla karşılaştım. Teşekkürler.

Firebug
Web Developer
IE Tab
SeoQuake (çok bilgi çağırdığı için firefox'u ağırlaştırabiliyor - bir süredir vazgeçtim)

Ek olarak Alexa-Sparky kullanıyorum.

Güzel eklentiler. Seopen da bu listede olmalı bence. https://addons.mozilla.org/en-US/firefox/addon/570. Google, Yahoo, Msn gibi arama motorlarından backlinkleri, indexli sayfaları tek tıklamayla önümüze seriyor.

Teşekkürler...

bende kullandıklarımdan bi kaçını yazayım :

del.icio.us. Bookmarks
FasterFox
DictionarySearch (Bunu biraz modifiye edip sağ tıkla seslisözlükte çeviri yaptırıyorum ; )
Live PageRank
Tabiki Web Developer

Bugünlerde eklentilerden uzak kaldım, çünkü Firefox 3 Beta 5'e terfi ettim ve gerçekten çok güzel olmuş, özellikle performans getirileri. Kısa zamandada desteklenmeyen eklentilerin güncellenmesini umarım.

ben bu konuda çok uğraştım.herşey normal gitti.yeni bir tr dil klasörü oluşturdum.içine türkçe dil dosyasını koydum açılış yolunu gösterdim.yükleme sonucu türkçe karakter hatası verdi.ama,ğ harfini g yaparsam veya ç harflerini c yaparsam hata vermiyor.normal yükleme sonucu açılıyor.ama dediğim gibi,ç harfi c,ğ harfi g olarak.bunu nerden düzeltmem gerekiyor?bir açıklama yaparsanız size minnettar kalırım.saygılarımal...

veya bu konuda bilgisi olan arkadaşlar aşağıya msn adresimi yazıyorum bana bir yol gösterirlerse.sevinirim...

haydarserkan@hotmail.com

güzelmiş

Ben de ie tab ı yükledim.

emeğinize sağlık bomba gibi bir konu harika paylaşım.. süper ..

teşekkürler. iyi bir derleme

Yorumlama aparatı

Google Friend Connect (leave a quick comment)
loading...
Bu bilgi gizli tutulacak ve kimseyle paylaşılmayacaktır.
  • İzin verilen HTML elementleri: <a> <b> <dd> <dl> <dt> <i> <li> <ol> <u> <ul> <strong> <blockquote> <em> <br /> <img> <acronym> <p> <style> <code> <h2> <h3> <h4>
  • Satırlar ve paragraflar otomatik ayarlanıyor

Bot musun?
Üzgünüz ama korkunç botların saldırısından kurtulmak için bu soruya ihtiyacımız var.