15 extension Google Chrome Untuk Para Web Developer

Firebug Lite (untuk Google Chrome) adalah extension yang mangaktifkan Firebug Lite pada web browser. Meskipun Developer Tools bawaan dari Chrome sendiri sudah mempunyai ciri-ciri yang relatif sama dengan Firebug (atau bahkan lebih), namun pada pecinta Firebug tentu sangat menyukai extension ini untuk debug dan melakukan test pada hasil kerja mereka di Chrome. 

Chris Pederick Web Developer toolbar adalah kegemaran para web desainer atau front- end web developer sudah sejak dulu. Dibuat awalnya untuk Firefox, kini telah dikembangkan untuk Chrome dengan pandangan yang lebih menarik.

; Resolution test adalah extension untuk melakukan pengetesan pada laman web pada berbagai resolusi paparan, dengan pilihan untuk menentukan resolusi anda sendiri. Ini sangat berguna untuk memastikan web desain anda tampil sempurna di berbagai layar monitor dan resolusi.

Pendule melengkapi Developer tools bawaan dari Google Chrome. Extension ini memberikan user ciri-ciri seperti one-touch markup validation menggunakan W3C automated web service, menyembunyikan gambar pada laman web, melihat script dalam laman web dan masih banyak lagi.

Apabila anda ingin mengambil sebahagian kawasan dari sebuah laman web, Image Cropper boleh melakukannya dengan mudah, hanya dengan drag tetikus pada kawasan yang anda ingin potong / drop dan akan terus mengambil kawasan pada web tersebut. Anda perlu ukurang pixel yang tepat? tools ini juag memaparkan dimensi dan lokasi kawasan crop untuk membantu anda mendapat saiz yang tepat.

Extension ini cukup menarik kerana minimalis dan sederhana, dan yang baik adalah kerana anda tidak perlu menggenerate Lorem Ipsum dengan rumit, kerana Lorem Ipsum Generator membantu anda mengisi mock-up desain anda dengan dummy teks untuk tujuan persembahan.

Dengan IE Tab anda boleh menjimatkan masa untuk menggunakan Internet Explorer untuk mendebug dan merender hasil kerja anda.

Dengan jQuery Shell anda boleh menjalankan Javascript dan perintah jQuery dalam konteks laman web yang sedang aktif. Ini adalah extension yang bagus untuk belajar dan bereksperimen dengan jQuery.

Extension yang satu ini melakukan hal sebagai berikut: memuat Hex dan nilai RGB dari setiap warna di laman web anda. Sangat membantu untuk menentukan warna website kegemaran anda tanpa perlu melakukan capture pada layar monitor dan memasukkannya pada Photoshop kemudian menggunakan eyedropper tool.

Dengan WebEdit extension, anda boleh melakukan editing terhadap laman web apapun (perubahannya tentu saja tidak akan disimpan). Mengapa extension ini menjadi sangat berguna? Apabila anda membuat sebuah website dan ingin mengutak-atik elemen di dalamnya tanpa membuat perubahan signifikan dalam kod, extension ini sangat membantu.

Adakah anda pernah penasaran apa teknologi, framework dan aplikasi open source yang digunakan oleh sebuah website? Para web developer yang telah berpengalaman boleh mencarinya dengan mempelajari source codenya, tetapi apabila anda ingin cara yang lebih selesa dan cepat, anda boleh gunakan Chrome Sniffer. Chrome Sniffer melisting semua JavaScript framework / libraries (jQuery, MooTools, dan lain-lain) dan CMS (Drupal, Wordpress, Joomla, dan lain-lain) yang digunakan oleh sebuah website.

Sebuah aplikasi umum bagi para web desainer untuk memuat capture gambar sebuah laman website. Dengan Webpage Screenshot anda boleh melakukan capture keseluruhan laman web walaupun kawasan web berada diluar paparan web browser. Juga memberikan kesempatan untuk user me-resize window sebelum meng-capture dan menyimpan scree grab dalam bentuk fail imej PNG.

Eye Dropper merupakan extension Google Chromer yang memberikan kemampuan untuk menentukan sebuah warna pada laman web manapun. Kelebihan lain adalah terdapat color wheel dan color swatches (ada dalam setiap software grafik) jadi anda boleh bereksperimen, melakukan tweak dan mengambil Warna.