Daftar Firefox add-ons yang populer bagi para web developer

Untuk para web developer , anda pasti membutuhkan perlengkapan untuk membangun sebuah website , perlengkapan itu selain desktop software, terdapat juga beberapa plugins / add-on yang berguna dalam melakukan rutinitas programming dan design web. Berikut ini beberapa add-on yang populer dan sangat bermanfaat bagi para developer website .

1. Firebug

Firebug dapat melakukan editing css , HTML, dan Javascript di sebuah website yang online tanpa perlu bantuan aplikasi lain. Anda dapat merubah code dan dapat melihat perubahannya secara langsung/real-time. Add-on ini juga memiliki network activity analysis tools dan Javascript performance profiler. Seperti Firefox browser, Firebug juga dapat dikembangkan dengan plugins tambahan untuk menambah fiturnya.

2. Web Developer

Web Developer add-on merupakan extensionyang paling populer dan sangat powerful. Setelah anda menginstall add-on ini maka akan tampak toolbar yang dapat digunakan untuk melakukan banyak hal.

Anda dapat menonaktifkan Java, menonaktifkan atau melihat cookies, menonaktifkan css , melihat style, melihat detail informasi pada form, menonaktifkan gambar, mencari gambar yang tidak tampil, melihat Javascript, menampilkan semua hal yang bekerja di balik sebuah website , melakukan editing HTML, element, mengubah ukuran window ke resolusi tertentu, melakukan validasi kode dan banyak hal lainnya.

3. ColorZilla

ColorZilla berguna untuk mengambil sampel warna secara langsung pada sebuah desain website yang sedang online di web browser. Anda cukup mengklik pada tombol ColorZilla dan arahkan kursor pada warna yang anda inginkan, kemudian klik disana, dan warna tersebut akan dibaca oleh ColorZilla, data yang ditampilkan mulai dari nilai warna RGB dan kode heksadesimal yang dapat anda pakai untuk penggunaan warna bagi desain anda. ColorZilla juga menyediakan color wheel / roda warna, zoom/memperbesar tampilan halaman dan sebuah alat ukur.

4. HTML Validator

HTML Validator berupa sebuah icon di status bar, dan menampilkan jumlah error pada sebuah halaman HTML saat Firefox membuka sebuah website . Kemudian anda dapat mempelajari dimana letak kesalahannya.

5. FireFTP

FireFTP merupakan FTP (File Transfer Protocol) Program yang berjalan dalam web browser Firefox. Saat anda menjalankannya, FireFTP akan membukan sebuah window baru seperti saat anda membukan Firefox Bookmark atau Download Manager. Fitur yang dimiliki cukup lengkap, anda dapat melakukan sinkronisasi direktori saat melakukan navigasi, membandingkan direktori dan fitur standar yang dimilik program FTP. Add-on ini sudah mencukupi bagi sebagian besar pengguna FTP.

6. IE Tab

Microsoft Internet Explorer web browser jarang digunakan oleh para web developer , tetapi ini merupakan web browser paling populer di dunia. Dengan IE Tab anda dapat membuka website apapun di tab yang menjalankan web browser sama seperti kita membuka Internet Explorer. Dengan cara ini anda dapat memastikan tampilan website anda dapat berjalan dengan baik di IE yang masih digunakan oleh jutaan orang di dunia.

7. MeasureIt

MeasureIt merupakan add-on Firefox yang berguna untuk mengukur lebar dan tinggi elemen di website yang sedang online. Saat menggunakan MeasureIt, anda dapat membuat sebuah kotak dengan berisi ukuran yang menunjukkan berapa tinggi dan lebar sebuah elemen dalam pixel. Fitur yang serupa juga ditawarkan oleh ColorZilla, jadi menjalankan kedua add-on diwaktu bersama akan saling bertumpukan, tetapi plugins ini sangat populer.

8. Greasemonkey

Dengan Greasemonkey anda dapat melakukan kostomisasi pada web browser anda dengan menjalankan berbagai Javascript yang dapat merubah cara sebuah website ditampilkan. Tersedia ratusan script, dan banyak diantaranya dibuat khusus untuk sebuah website . Sebagai contoh, Facebook Friend Checker script, yang dapat memonitor friend list saat anda login di Facebook dan menampilkan notifikasi apabila ada perubahan.

9. View Source Chart

Ketika anda melihat kode didalam sebuah halaman website menggunakan Firefox view source, anda akan melihat susunan kode yang tampil berantakan, tidak mudah untuk melakukan pengecekan atau melihat bagian-bagian tertentu. View Source Chart menampilkan kode sebuah halaman website dan struktur DOM (Document Object Model) sehingga anda dapat dengan mudah dan efisien mencari sesuatu / melacak struktur web.

10. Aardvark

Gunakan Aardvark untuk memilih elemen sebuah website dan menampilkan fungsi yang terdapat di elemen tersebut. Anda tinggal mengklik pada elemen dan tekan salah satu dari beberapa keyboard shortcut. Juga terdapat shortcut R untuk menghapus/remove elemen, W untuk widen/melebarkan, I untuk isolate/mengisolasi atau V untuk view/melihat kode elemen. Menekan H untuk help/bantuan yang menampilkan keseluruhan 14 shortcuts yang tersedia.