by Daniel F. Pigatto

Pada saat postingan ini ditulis setidaknya ada ribuan add-ons yang terbagi dalam beberapa kategori, misalnya: Download Management (349), Feeds, News & Blogging (696), Photos, Music & Videos (566), Social & Communication (877), Web Development (837) dan beberapa kategori lainnya. Melihat banyaknya add-ons pasti membuat kita semua bingung mau milih yang mana?

Supaya tidak bingung :) maka saya akan mencoba berbagi untuk merekomendasikan plugin apa saja yang saya gunakan sehari-hari khususnya dalam dunia pengembangan website (web development). Berikut 7 + 1 Plugin pilihan:

1. Firebug


firebug

Firebug adalah add-ons no satu dan wajib hukumnya diinstall khusunya untuk para praktisi web development baik itu designer maupun programmer. Firebug ini bentuk jenius dari fasilitas “view source” dimana data coding dibalik halaman website bisa terlihat secara struktural berdasarakan fungsi-fungsi tag HTML/CSS juga script khusus, sehingga sangat membantu dalam proses development.

2. MeasureIt


measureit


Selayaknya fungsi “Rectangular Mrque Tool” di Photoshop, melalui MeasureIt kita bisa mengukur seberapa lebar (width) atau tinggi (height) sebuah objek di halaman website, misalnya gambar, text, area, space kosong, header, sidebar, footer, wrapper dan-lain-lain. cukup klik secara diagonal. Saat add-ons ini di aktifkan juga otomatis muncul layer dengan kira-kira transparasi warna putih 50%, cukup berguna untuk melihat objek gelap tanpa perlu merubah setting brightness/contrast monitor kita.

3. ColorZilla


colorzilla

Dengan colorzilla kita bisa melihat semua warna yang ada pada halaman website (baik image, text, maupun background-color) secara instan dengan sebuah color picker, selayaknya “eyedropper Tool” di Photoshop. tinggal kita klik dengan cursor di titik yang kita inginkan maka akan muncul rumusan warna RGB misalnya #FF9900.

4. GridFox


gridfox

Jika teman-teman sudah akrab dengan grid system keluaran 960.gs maka saya sangat merekomendasikan add-ons ini. Saat kita mengaktifkan gridfox akan muncul layer transparan baru di firefox kita (dengan warna dan kapasitas transparant yang bisa kita atur) bergaris vertikal maupun horizontal, sangat perlu untuk melihat apakah web yang sudah kita buat sudah rapi secara grid system.

5. Image Zoom


image zoom

Fasilitas untuk memperbesar / memperkecil gambar saja, sebenarnya Mozilla Firefox versi terbaru sudah bisa zoom in dan zoom out semua objek baik text dan gambar sekaligus, namun kadang kita hanya perlu zoom in / zoom out gambar saja tanpa perlu merubah ukuran text

6. Screengrab


screengrab

Add-ons ini dipakai untuk “print screen” halaman website, bisa langsung tersimpan dalam bentuk file (.png / .jpg) juga bisa sekedar “copy” saja yang hasilnya bisa di-”paste” ke Photoshop. Yang paling menarik dari plugin ini adalah selain bisa capture apa yang terlihat di “jendela” saja juga bisa capture keseluruhan halaman dari atas sampai bawah sekaligus, sayangnya tidak bisa capture file flash.

7. Window Resizer


Resize Window

Ukuran resolusi monitor yang dipakai user ada berbagai macam, saat membuat website tentu kita ingin tahu bagaimana website tersebut jika dilihat di berbagai resolusi monitor. Dengan add-ons ini kita tidak perlu merubah setting screen monitor, cukup merubah lewat firefox saja misalnya untuk melihat resolusi 640×480, 800×600, 1024×768, dan seterusnya.

8. Web Developer


web developer

List terakhir ini yang saya sebut “+ 1″. Sengaja saya sendirikan plugin ini dari daftar diatas karena secara garis besar banyak fasilitas dari poin 1 sampai 7 ada di add-ons ini, saking banyaknya tools sampai buka Firefox serasa buka Software web editor seperti Macromedia Dreamweaver :) tetapi karena saking lengkapnya justru saya malas menggunakan. Saya lebih suka yang simple dan hanya saya perlukan sesuai kebutuhan saja (1-7).

Tentunya teman-teman sudah ada yang menggunakan beberapa add-ons diatas, atau mungkin ada add-ons lain yang lebih kalian sukai dan bagus untuk direkomendasikan silahkan …