Google Chrome merupakan salah satu browser terpopuler saat ini. Beragam ekstensi, plugin, dan add-ons telah banyak dikembangkan untuk membantu kita dalam meningkatkan produktivitas.
Pada kesempatan ini, kita akan fokus untuk membahas ekstensi yang ditawarkan di Web Store Chrome yang tersedia secara gratis.
Ekstensi yang dibahas merupakan yang paling bermanfaat untuk pada desainer dan pengembang web. Berikut Ekstensi terbaik Google Chrome untuk Desainer dan Pengembang Web :
WhatFont
Bagaimana cara untuk mengetahui jenis font yang digunakan dalam sebuah halaman web ? WhatFont dapat membantu Anda untuk mengetahuinya. Untuk menggunakannya, Anda hanya perlu mendekatkan pointer mouse ke tulisan yang diinginkan. Cukup mudah bukan ? WhatFont juga mendukung Typekit dan Google Font API.
ruul. Screen ruler
Ekstensi ini dapat membantu Anda untuk mengetahui ukuran pixel halaman web dengan detail. Baik secara horizontal dan vertikal, line height, lebar stroke dan lainnya. Untuk menggunakannya, Anda diharuskan untuk memindahkan ruul ke posisi yang diinginkan. Anda dapat mengaktifkan 4 ruul dengan warna yang berbeda di waktu yang bersamaan.
Lihat di Chrome Store
Screen Capture
Screen Capture dapat digunakan untuk mengubah konten dari bagian tertentu ataupun seluruh halaman web kedalam gambar PNG. Anda juga dapat mengedit gambar yang diambil sebelum menyimpannya sebagai gambar PNG.
Image Downloader
Jika Anda perlu mendownload gambar secara massal dari sebuah halaman web, image downloader dapat membantu. Ketika menjalankan ekstensi ini, gambar akan diurutkan berdasarkan URL. Anda hanya perlu memilih gambar yang ingin didownload.
Evernote Web Clipper
Evernote Web Clipper dapat membantu Anda untuk menyimpan berbagai hal ketika Anda sedang browsing. Evernote dapat menyimpan bookmark, konten teks, link dan gambar dengan sekali klik saja.
Web Developer
Ekstensi ini akan akan menambahkan berbagai tombol di toolbar Anda dengan berbagai tools pengembangan web.
Stylebot
Stylebot memungkinkan Anda untuk memanipulasi/mengubah tampilan sebuah situs web (menggunakan CSS). Anda dapat memilih elemen yang ingin dirubah melalui editor seperti ukuran font, warna, margin dan banyak lagi. Apabila Anda memahami CSS secara mendalam, Anda juga dapat menuliskannya secara manual.
Menggunakan Stylebot, Anda dapat mempersonalisasikan tampilan dan nuansa dari situs Web favorit Anda. Menggunakan Stylebot, Anda juga dapat meningkatkan kemampuan dalam mempelajari CSS dan untuk membuat desain situs web Anda sendiri.
Alexa Traffic Rank
Alexa Traffic Rank adalah ekstensi yang digunakan untuk melihat data Alexa dari situs yang Anda kunjungi tanpa mengganggu browsing Anda.
Eye Dropper
Eye Dropper adalah ekstensi open source yang memungkinkan Anda untuk memilih warna dari halaman web, dan mengetahui kode warna tersebut. Ekstensi ini sangat berguna dalam pengembangan web.
Resolution Test
Resolution Test digunakan untuk melihat langsung preview halaman website di berbagai resolusi berbeda.
Speed Tracer
Speed Tracer merupakan ekstensi untuk membantu Anda mengidentifikasi dan memperbaiki masalah kinerja dalam aplikasi web Anda.
Menggunakan Speed Tracer, Anda dapat mengetahui waktu yang dibutuhkan ketika aplikasi web Anda dijalankan (loading). Baik masalah yang disebabkan oleh : Javascript, Layout, Style CSS, DOM, Network, XMLHttpRequest dan banyak lagi.
Firebug Lite for Google Chrome™
Firebug Lite merupakan ekstensi yang digunakan untuk melihat elemen HTML, elemen DOM, dan Properties CSS pada sebuah website.
