Jika ada pertanyaan: “Browser default sampean apa?” saya akan menjawab “Mozilla Firefox”. Bukan berarti saya tidak suka dengan browser lainnya, tetapi karena kebutuhan untuk mendukung pekerjaan saya bisa terpenuhi dengan Mozilla Firefox. Mengapa demikian? karena selain paling sering uptodate mengikuti perkembangan standart web, browser ini paling banyak mendukung plugin/add-ons yang sangat dibutuhkan.
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:
- Firebug
- MeasureIt
- ColorZilla
- GridFox
- Image Zoom
- Screengrab
- Window Resizer
- Web Developer
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.
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.
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.
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.
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
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.
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.
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 …
Nice list! TUlisan bertopik sama seperti ini milik saya juga di muat di ProBlogDesign.com :D
Secara garis besar, banyak add-ons yang sudah saya gunakan. Baru muncul satu pertanyaan di kepala saya:
kalau grid + measureIt bisa di gunakan di saat bersamaan, akan sangat keren sekali y? :D
surprise, beneran saya baru tau, ternyata uneg2 di kepala saya ini sudah sampean post 4 hari yg lalu di blog yang lebih internasional :D congrats! *saya jadi merasa bukan apa2* :D
nha ini yang saya suka .. hohoho
btw untuk yang no.6 itu bisa screen secara menyeluruh meskipun tampilan web masih dalam keadaan scroll ya?
dicoba dulu makasih infonya .. ;)
Belum bisa test… GPU jebol :(
mantabbbb… suwun kang infone
pancen , tiyang web developer sejati… huehehe..
cobain ini mas zam: https://addons.mozilla.org/en-US/firefox/addon/5809
biarpun saya bukan web developer, tp perlu buat mendisable website yg diprotect :)
thanks mas :), menuju tkp!
iya masZam,saya cuman biasa pake yang terakhir :D yang diatas-atas malah baru liat kecuali colorZilla :(
makasih mas, kayaknya emang mending dipake yang perlu2 aja deh
Bang Zam… firebug favorite ku tuh… soalna lebih suka oprek CSS only dibanding sampe ke enginenya :D
oia, dengan seluruh add ons ituh, jadi berat kah , FF kita ?
wah
mantap2 ya
tapi asing buat aku
soalnya aku bukan pembuat web
:)
wah color zilla ini yang selama ini Noe2 caris, soale mesti pakek photoshop, jadinya berat2in ae
wah keren2 nih mas zam… mau coba ahh…
Masih pake Firebug ma CSS/xHTML validator ^^
Kok gak ada FireFTP ya mas? saya sering pake itu padahal hahaha….
Semenjak pindah ke Chrome, ngga pernah pengen pake Firefox lagi. Mungkinkah suatu saat FF menarik cinta saya kembali?
mangstapppp gannn
cobain yslow mas zam. yslow sangat membantu sekali buat saya :D
Mau nanya nih, dengan firefox 3.5 kok Google Friend Connect (GFC) di blog saya ga muncul ya? Dengan IE dan Chrome ga ada masalah.
Sedangkan GFC di blog ini bisa muncul di Firefox. Masalahnya di mana ya?
setuju sekali mas, FF sangat mendukung
wah pilihan yang lain lagi nich yang aku ketahui
salam perkawanan
salam 2 musim
Insightnya boleh juga nih .. ta coba deh dengan add-ons itu semua.. moga2 nggak konflik yah…
Salam hangat dari afrika barat!
salam satu jiwa.
wah mas canggih banget,…
RENTAL LCD PROYEKTOR & multimedia.Untuk presentasi, seminar, rapat, nonton, nikah, pertunjukan,dll.
kunjungi kami di http://rental.invest77.com
mantap sangad ya kang, saya suka opera karena mozilla saya sering error entah kenapa. memang sih mozilla itu banyak pluginnya yang mengntungkan bagi pengguna. sepakat!!
lengkap sangad infonya!! saya jadi penasaran sama fitur yang ditulis di atas.
sukses selalu
lebaran kopdar yuk kang, kalo saya sempat ke malang :D
yuk mari, kalau ada jangan lupa bawa kamera yah :) ntar japri *no hp saya ada di fb*
Aha.., akhirnya saya tahu addon FF yg paling saya butuhkan selama ini yaitu MeasureIt. Terkadang bingung sendiri menerka-nerka size width-height-nya :D
Thanks banget kang… :)
biasanya pakai Web Developer aja…
gk enak rasanya FF klu gk ada plugin tsb :D
saya baru pake beberapa….maklum masi nubie….
info yg berguna pak ! thx
ane pake fireftp, webdeveloper, screengrab
lainnya mo ta coba dulu …
dengan add-on diatas, rasanya kita bisa mengcopy wp theme orang lain deh
thanks bang zamroni… posting yg sangat membantu… perlu belajar banyak dari anda nih.heheh… regards
waahhh.nambah 4 nih..saya biasa cuma pake 1,2,3 aja..maklum newbie….
makasih mas..mangstabh tenan..smartuts.com