Berkutat berjam-jam di depan komputer untuk coding memang menyenangkan kalau anda jadikan itu sebagai hobi, tapi kalau sedang di-uber dengan deadline, pasti rasanya otak mau serasa pecah. Untuk membantu agar kerja anda sebagai web developer, ada sejumlah plugin firefox yang wajib dimiliki. Apa saja itu? Yuk simak lebih lanjut!
WEB DEVELOPER
Ini dia add-ons firefox yang bisa dibilang nyaris komplit. Dengan add-ons ini banyak hal bisa dilakukan. Dari sekedar untuk
memvalidasi CSS, HTML maupun Javascript yang anda buat, anda juga bisa
'mengintip' garis-garis pembatas yang dibuat oleh box div maupun
kerangka tabel (melalui Display Div Order), menampilkan informasi warna,
metatag, navigasi link, link image, ukuran dokumen HTML serta
menampilkan informasi form secara detail. Ada juga fitur disable JS,
disable CSS maupun Cookie dan Cache. Dari yang disebutkan tadi, masih
banyak sekali fiturnya yang bisa dinikmati oleh para developer web,
untuk mendownload add-ons tersebut, silahkan diunduh di sini untuk Firefox dan di sini untuk Google Chrome.
FIREBUG
Add-ons yang satu ini paling ciamik kalau dipakai untuk debug program.
Anda bisa mengedit CSS, Javascript dan HTML secara langsung dan melihat
hasilnya. Plugin ini banyak dipakai berbagai browser, selain untuk debug
juga bisa dipakai untuk memantau performa web buatan anda. Anda juga
bisa melihat visualisasi CSS yang anda buat, memonitor aktivitas jaringan,
memodifikasi DOM dan secara cepat menemukan error pada Javascript yang
telah anda buat sebelumnya. Untuk menggunakannya, silahkan download di sini.
FireFTP
Akan sangat menyenangkan kalau anda tak perlu menginstalasi FTP client.
Ya itulah gunanya kalau anda memiliki add-ons FireFTP pada browser anda.
Sudah bisa dipastikan plugin yang satu ini sangat berguna untuk upload
dan download data ke server tujuan anda. Selain itu anda juga bisa
melakukan perubahan permission chmod, menampilkan hidden files seperti
.htaccess serta operasi file; contohnya untuk rename file, membuat
direktori dan lain sebagainya. Untuk memilikinya silahkan download di sini.
FIRESHOT
Ada kalanya kita butuh meng-capture tampilan halaman web yang telah kita
buat, FireShot hadir mengurangi beban waktu agar tidak bolak
balik membuka Photoshop untuk sekedar bikin screenshot halaman web. Kita
juga bisa menambahkan caption teks dari screenshot yang kita buat. Ingin
mencobanya, silahkan download di sini.
GREASEMONKEY
Sering mengunjungi web tertentu dan mulai bosan dengan tampilannya? Kini anda bisa mengubah tampilan web tersebut di browser anda. Bagaimana
caranya? Greasemonkey siap membantu anda, anda dapat mengedit script
dari website tersebut dan menyimpannya di lokal, maka browser Firefox
akan membaca Javascript yang anda buat dan menampilkannya seolah-olah
website tersebut 'ganti kulit' / 'ganti casing'. Ada banyak javascript sederhana yang
ditawarkan untuk digunakan bersama add-ons yang unik satu ini. Anda bisa
mengunduhnya di sini.
COLORZILLA
Men-develop website kadang membuat mata kita 'jenuh' akibatnya warna yang
kita pilih itu-itu saja, akan sangat baik bila anda memasang ColorZilla
di browser Firefox anda agar ketika anda berselancar dan menemukan
website yang warnanya cantik dan menarik bisa anda 'contek' kode
RGB-nya. Nah, tunggu apalagi, pasang yuk add-ons yang satu ini dengan mendownload di sini.
PAGE SPEED
Performa dan kecepatan akses suatu website merupakan poin penting dari
kesuksesan sebuah website. Itu merupakan tolok ukur yang harus kita
perhatikan ketika membuat website, untungnya sudah ada Page Speed yang
mana akan membantu kita mengukur kecepatan dan memberikan solusi-solusi
yang baik untuk meningkatkan performa website kita. Selain tersedia online, kini anda bisa memilikinya di browser anda langsung, silahkan download di sini.
Ingin menambahkan rekomendasi tools ataupun plug-in yang sobat ketahui sangat membantu dalam men-develop web/blog? Tambahkan dan uraikan pada kotak komentar di bawah, jika ada!
Ditulis Oleh : Daniel Benny Simanjuntak
Anda sedang membaca artikel tentang Berbagai Tools Firefox Yang Biasanya Dimiliki Para Web Developer. Jika berkenan, silahkan tinggalkan komentar anda untuk postingan ini. Terimakasih untuk setiap kunjungan anda!
wah keren sob infonya,makasih sudah berbagi
ReplyDeleteCobain satu-satu tools nya sob, dijamin bermanfaat :-bd
DeleteSaya adanya add on web developer sama colorzila soB. Nice info soB ... =p*
ReplyDeleteWah lumayan tuh punya add-ons web developer nya sob! Boleh dicobain yang lain kalau blm pakai.. | Terimakasih atas kunjungan sobat ^_^
Deletesaya lebih suka pakai chrome gan,, kira kira dari semua ads on diatas bisa di pasang di chrome ngga ya,, mau coba coba pakai yang beginian tapi belum paham coding,, xixixi
ReplyDeleteGpp gan, lah saya juga sama, lebih prefer chrome sebenarnya, karna lebih cepet performa nya. Tapi sayang sekali, add-ons2 di atas lbih sering dipakai di firefox memang. Saya rasa semua add-ons di atas pasti ada u/ chrome nya, tapi mungkin nama add-ons nya berbeda.
DeleteIni salah satu alasan knapa saya lbh suka mozilla drpd chrome mas. :)
ReplyDeleteIya sobat, memang setiap user pasti berbeda-beda kebutuhannya u/ penggunaan browser. :D
Deleteterima kasih gan untuk tipsnya,
ReplyDeleteSama-sama gan.
Delete
ReplyDeletesangat bermanfaat sekali artikelnya,.. saya akan sering mengunjungi blog ini. salam sukses,.....
By : developer web indonesia | DheZign.com
Terimakasih kalau sering berkunjung kesini mba! :)
Delete