12 Ekstensi Chrome Terbaik Untuk Desainer dan Pengembang Web

News - 08 Apr 2013

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

ePlusGo - ekstensi What Font untuk mengetahui jenis font


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.

Lihat di Chrome Store

ruul. Screen ruler

ePlusGo - ekstensi ruul Screen ruler untuk mengetahui ukuran pixel halaman web

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

ePlusGo - ekstensi screen capture untuk megambil halaman web menjadi gambar

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.

Lihat di Chrome Store

Image Downloader

ePlusGo - ekstensi Image Downloader untuk mendownload gambar secara massal

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.

Lihat di Chrome Store

Evernote Web Clipper

ePlusGo - ekstensi Evernote Web Clipper untuk menyimpan data browsing,bookmark, teks, dan lainnya

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.

Lihat di Chrome Store

Web Developer

ePlusGo - ekstensi Web Developer untuk menambahkan tools pengembangan web

Ekstensi ini akan akan menambahkan berbagai tombol di toolbar Anda dengan berbagai tools pengembangan web.

Lihat di Chrome Store

Stylebot

ePlusGo - ekstensiStylebot untuk mengubah tampilan web

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.

Lihat di Chrome Store

Alexa Traffic Rank

ePlusGo - ekstensi Alexa Traffic Rank untuk melihat data Alexa dari sebuah situs

Alexa Traffic Rank adalah ekstensi yang digunakan untuk melihat data Alexa dari situs yang Anda kunjungi tanpa mengganggu browsing Anda.

Lihat di Chrome Store

Eye Dropper

ePlusGo - ekstensi Eye Dropper untuk mengetahui warna sebuah website

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.

Lihat di Chrome Store

Resolution Test

ePlusGo - ekstensi resolution Test untuk menjalankan web di berbagai resolusi

Resolution Test digunakan untuk melihat langsung preview halaman website di berbagai resolusi berbeda.

Lihat di Chrome Store

Speed Tracer

ePlusGo - ekstensi Speed Tracer untuk memperbaiki kinerja website

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.

Lihat di Chrome Store

Firebug Lite for Google Chrome™

ePlusGo - ekstensi Firebug Lite untuk melihat elemen HTMl dan CSS sebuah website

Firebug Lite merupakan ekstensi yang digunakan untuk melihat elemen HTML, elemen DOM, dan Properties CSS pada sebuah website.

Lihat di Chrome Store



IDCloudHost | SSD Cloud Hosting Indonesia