10 Add-on Firefox Paling Berguna Untuk Web Designer

Banyak sekali add-on Firefox yang dapat mengoptimalkan fungsionalitas inti dari browser. Tipe-tipe add on yang akan anda temukan memiliki range kegunaan yang sangat luas, mulai dari alat produktivitas yang memonitor waktu yang anda habiskan di internet, hingga alat sosial media yang memberikan anda kenyamanan dalam menggunakan pelayanan popular seperti Twitter dan Facebook.

Browser Firefox merupakan pilihan populer bagi para web designers, dan sangat banyak add-on yang dapat membuat pekerjaan dapat dikerjakan dengan lebih efisien. Berikut adalah 10 yang paling direkomendasikan, add-on firefox untuk para web designer.

1. Web Developer

Add-on ini merupakan serangkaian paket peralatan untuk para web designer dengan fungsi-fungsi yang dapat sangat membantu para web designer untuk jadi lebih efisien. Secara umum, add-on ini merupakan toolbar yang ada di bagian atas browser, menyediakan anda dengan menu-menu yang bervariasi seperti CSS, Resize, dan Cookies.

Entah apakah anda perlu untuk menginspeksi CSS di sebuah halaman, menemukan informasi mengenai halaman website (seperti melihat semua alt atribut dari gambar-gambar di page tersebut), memvalidasikan secara cepat sebuah web design untuk keperluan W3C atau mengukur elemen-elemen desain, Web Developer dapat menjadi alat yang tepat untuk anda.

2. Firebug

Firebug merupakan add-on front end web development firefox populer yang memiliki add-on tambahan untuk add-on ini sendiri (lihat no. 5). Dan bila anda bertanya kepada para web designer dan web developer tentang add-on apa yang paling berharga untuk mereka, kemungkinan besar mereka akan berkata "Firebug".

Firebug adalah add-on open source yang memberikan para web designer alat yang sangat hebat untuk menginspeksi dan melakukan debug pada sebuah web design. Ini dapat membantu anda untuk mengetahui CSS Style mana yang mempengaruhi elemen tertentu (barangkali anda mengalami masalah dengan aturan style yang tidak diaplikasikan secara benar), menginspeksi dokumen object model (DOM) untuk belajar mengenai struktur dari web page, mendeterminasikan atribut seperti warna, lebar, dan tinggi dari elemen-elemen HTML dan masih banyak lagi.

Extension ini mungkin menghabiskan waktu untuk anda pelajari, tapi percayalah hal ini tidak akan anda sesali. Selain itu, pembuatnya pun menyediakan beberapa dokumentasi yang dapat membantu anda memulainya.

3. Measure It

Add-on firefox in memiliki kegunaan satu-satunya adalah memberikan anda penggaris (ruler) yang dapat anda gunakan untuk web page manapun untuk mengukur item-item. Karena sebuah web design sangat bergantung pada elemen design yang berukuran sesuai, alat ini sangat berharga untuk anda tambahkan ke koleksi add-on anda.

4. ColorZilla

Hal yang paling sering dikerjakan oleh web designer adalah warna. Add-on ini memiliki fitur color picker (mirip dengan photoshop) dan sebuah alat eye-dropper yang membuat anda dapat mengidentifikasi warna yang digunakan pada sebuah web page.

5. CSS Usage

CSS Usage adalah extension dari Firebug (jadi anda harus install firebug sebelumnya) yang memberitahu anda Style CSS yang tidak terpakai. Tool ini bekerja dengan mengidentifikasikan CSS yang anda gunakan maupun tidak, menunjukkan bagian yang kurang penting yang dapat anda singkirkan untuk membuat file CSS anda menjadi seringan mungkin.

6. Page Speed

Kecepatan sebuah website sangat penting bagi pengguna. Research membuktikan bahwa pengunjung website membenci website yang lambat, jadi anda perlu melakukan yang terbaik pada design website anda agar memiliki kecepatan seperti kilat.

Page speed merupakan extensi browser untuk firefox dan chrome yang dikembangkan oleh Google untuk menganalisa web page dan memberitahu anda dimana perbaikan dapat dilakukan untuk memperbaiki kecepatan website tersebut. Ini merupakan alat yang habt untuk melakukan tes mengenai kemampuan web design dalam memberikan kecepatan.

7. HTML Validator

Add-on firefox bagus yang satu ini membantu anda untuk memastikan bahwa anda telah menggunakan bentuk yang benar dari pengkodean HTML. Alat ini mengecek penulisan untuk penyesuaian standar, dan add-on ini akan menangkap apapun yang tidak sesuai dan memberitahu anda agar anda dapat meng-update kode tersebut.

8. IE Tab 2

Web designer selalu memperhatikan kemampuan pekerjaan mereka untuk dijalankan di browser yang berbeda. IE Tab 2 merupakan add-on firefox yang memperbolehkan anda melihat web page manapun menggunakan internet explorer tanpa meninggalkan firefox. Yang harus anda lakukan hanyalah klik kanan pada halaman web, kemudian pilih "View Page in IE Tab" pada menu yang ada.

9. Screengrab

Mengambil screenshot dalam sebuah web browser adalah pekerjaan biasa bagi web designer. Screengrab adalah add-on simple untuk mengambil screenshot sehalaman penuh maupun hanya sebagian halaman saja. Anda dapat mengCopy screnshot ke clipboard, atau menyimpannya sebagai sebuah file image.

10. SEO Doctor

Search Engine Optimalization sudah harus dimulai dari fase design, saat HTML suatu situs masih bisa dirubah. SEO Doctor adalah alat yang tepat untuk mengecek SEO suatu web page.

SEO Doctor memberikan anda nilai dari 0 hingga 100% dan menandakan area di web page yang dapat di optimalisasikan untuk mesin pencari. Add-on ini memiliki suatu fitur berguna yang memungkinkan anda untuk mengekspor data untuk spreadsheets untuk analisa dan logging lebih lanjut.

Sumber: www.mashable.com