7 Rekomendasi Ekstensi Chrome untuk Web Developer

Luhur Fatah 11 bulan ago

1. ColorZilla

Color Zilla adalah sebuah ekstensi chrome yang bisa digunakan untuk men-generate kode warna pada sebuah webite.

Pada mulanya ColorZilla merupakan ekstensi Firefox, tetapi sekarang ColorZilla juga sudah tersedia di Chrome.

Cara menggunakannya juga sangat mudah, pertama kita harus menginstall ektensi tersebut terlebih dahulu.

ColorZilla

Setelah terinstall ColorZilla akan secara otomatis muncul di bar chrome paling kanan.

Untuk menggunakannya, klik icon ColorZilla yang ada di bar paling kanan tersebut lalu pilih Page Color Picker Active

Lalu pilih bagian Website yang akan kita cari tahu kode warnanya, lalu klik pada bagian tersebut, dan kode warna-nya pun akan secara otomatis muncul di bagian atas.


2. Site Palete

Site Palate adalah sebuah ekstensi chrome gratis yang bisa digunakan untuk mengenerate Warna apa saja yang ada pada sebuah website.

Tool ini akan sangat berguna bagi Web Designer dan Front End Developer yaitu untuk mencari inspirasi warna bagi desain mereka.

Site Palete

Untuk menggunaknnya sangatlah mudah, setelah plugin/ekstensi terinstall kita hanya perlu mengklik icon Site Palete yang ada di sebelah kanan.

Secara otomatis kita akan diarahkan menuju website yang berisi info mengenai warna apa saja yang ada pada situs yang baru saja kita kunjungi.

Site Palete

3. Page Ruler

Page Ruler adalah sebuah tool yang dapat digunakan untuk membuat/menggambar sebuah kotak pada layar monitor lalu akan diberikan info mengenai kotak tersebut (Tinggi, Lebar, Koordinat X & Y dan lain lain),.

Selain itu Page Ruler juga bisa duganakan untuk mengetahui elemen dari sebuah website hanya dengan mengklik pada elemen tersebut.

Baca Juga :   Cara Mudah Membuat Blog Gratis di Blogspot untuk Pemula
Page Ruler

4. Font Face Ninja

Font Face ninja adalah sebuah tool untuk mengidentifikasi font yang digunakan pada sebuah website.

Ekstensi akan sangat berguna bagi para developer untuk mencari inspirasi font yang akan mereka gunakan nantinya.

Font Face Ninja
Font Face Ninja

5. CSS Peeper

Dengan menggunakan CSS Peeper, kita bisa melihat lebih dalam CSS dari sebuah website (bahkan yang tersembunyi sekalipun).

CSS Peeper
CSS Peeper

6. Muzli

Adalah sebuah ekstensi untuk menampilkan berbagai macam inspirasi desain pada Chrome ketika kita membuka Tab baru.

Muzli menghadirkan inspirasi dari 120+ web seperti InVision, Muzli, Dribble, Product hunt, CNN, CSS Author dll.

Muzli

7. LambdaTest Screenshots

Dengan tool ini kia bisa mendapatkan Full Screenshot sebuah website ketika berada pada berbagai macam device yang berbeda beda.

Tujuannya adalah agar kita bisa yakin bahwa website yang kita buat dapat berjalan dengan baik meskipun dibuka dengan device dan browser yang berbeda beda.

LambdaTest Screenshots