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 …

Mungkin wacana negatif IE6 masih kurang terdengar di masyarakat, atau mungkin sebenarnya mereka tahu tapi kesulitan / malas upgrade, karena IE6 adalah browser default (bawaan) Microsoft Windows XP, sebuah operasi sistem yang sangat umum digunakan di seluruh dunia, Akhirnya mereka menggunakan browser IE6 karena terpaksa.

Go Home IE6! by robotjohnny (thanks Donny Kurnia)

Sudah banyak gerakan anti IE6 yang mengkampanyekan masyarakat untuk mengupgrade IE6 atau menggunakan Browser lain, Contohnya: Stop dukungan ie6!, Binasakan Internet Explorer 6, Say No to Internet Explorer 6!, IE6-DO NOT WANT!, Help kill Internet Explorer 6, Bring Down IE6, dll. Tapi pihak Microsoft masih tetap mempertahankan eksistensi IE6, karena itu banyak web designer yang memilih berdamai dengan membuat berbagai macam script / trick / hack supaya websitenya juga terlihat bagus di IE6.

Beberapa alasan mengapa kita harus meninggalkan IE 6:

1. Banyak bugs, IE6 tidak mengikuti standart XHTML/CSS. Cara membaca XHTML/CSS di IE6 agak berbeda dengan browser lainnya, seringkali tampilan web yang sudah bagus di beberapa browser tetapi terlihat kacau di IE6, bug-bug ini kalau di list bisa 100-an (seratusan) lebih (ini alasan utama mengapa praktisi website gerah dengan IE6)
   
2. Tidak aman,  ada celah / lubang di IE6 yang sangat rawan dibobol hacker, spyware, dilewati virus, malware, trojan dan sejenisnya. IE7 dan Firefox bisa melawan celah masing2 tapi IE6 tidak.
3. Tidak bisa membuka banyak halaman website dalam satu jendela (tabbed browsing) ini sangat tidak efektif karena semakin banyak membuka halaman web semakin banyak pula browser IE6 yang harus dibuka. coba bandingkan dengan semua browser yang ada sekarang.
4. Tidak support image *.PNG transparant, meskipun ada banyak hack / script untuk mengatasi hal ini, namun kurang efektif dan kadang memunculkan masalah baru dalam styling CSS
5. Selisih perhitungan padding dan margin (CSS/XHTML) berbeda jauh dengan browser lainnya, terutama padding, hal ini sangat menggangu dalam styling float div, biasanya saya jarang menggunakan padding agar div layout tidak terlalu kacau di IE6
6. Kurang support RSS feed dengan baik, di era web 2.0 ini merupakan suatu kewajiban sebuah browser untuk bisa mensupport RSS feed dengan baik
7. Tidak mendukung Addons / plugin (aplikasi tambahan) aksesoris untuk menambah fungsi browser, sangat jauh berbeda dengan Mozilla Firefox yang kaya add ons
8. Fasilitas print kurang fleksibel, jika Anda ingin mencetak (print) sebuah halaman website sebaiknya jangan gunakan IE6
9. Tidak bisa zooming untuk teks dan gambar secara bersamaan (mungkin hanya bisa zooming text saja)
10. menyia-nyiakan waktu pembuatan/pembangunan website, seringkali dalam proses pengerjaan website banyak waktu yang dihabiskan untuk mencari hack / script code supaya web bagus di IE6, hal ini membuat project lebih lama selesai.
11. IE6 adalah browser “last generation” yang sudah mulai ditinggalkan oleh web-web masa kini, sudah banyak website yang membiarkan halaman-nya terlihat tidak bagus di IE6.
12. Banyak pula yang membuat script khusus ketika halaman nya dibuka dengan IE6 akan muncul pesan error dan menganjurkan pengunjung untuk mengupgrade / menginstal browser lainnya.
13. Web masa kini rata-rata tidak lebih bagus jika dibuka dengan IE6, coba bandingkan membuka web yang sama dengan Firefox atau Safari

Dan masih banyak kekurangan / alasan lainnya, Ada yang mau menambahkan? silahkan :)