7 Rekomendasi Ekstensi Chrome untuk Web Developer

Luhur Fatah 7 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, untuk menginstallnya silahkan buka link berikut ini :

Link : Click here

Setelah itu klik tombol Tambahkan ke Chrome atau Add to Chrome

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 untuk mencari inspirasi warna untuk project mereka.

Link : Click here

Untuk menggunaknnya sangatlah mudah, setelah plugin/ekstensi terinstall kita hanya perlu mengklik icon Site Palete yang ada di sebelah kanan lalu secara otomatis kita akan diarahkan menuju website yang berisi info mengenai warna apa saja yang ada pada situs yang baru saja kita kunjungi.


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 Buat Tulisan Miring, Tebal dan Dicoret di WA

Link : Click here


4. Font Face Ninja

Font Face ninja adalah sebuah tool untuk mengidentifikasi font yang digunakan pada sebuah website, ini akan sangat berguna bagi para developer untuk mencari inspirasi font untuk projectnya.

Link : Click here


5. CSS Peeper

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

Link : Click here

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.

Link : Click here


7. LambdaTest Screenshots

Dengan tool ini kia bisa mengenerate Full Screenshot sebuah website ketika berada pada berbagai macam device yang berbeda beda. Sehingga kita bisa yakin bahwa website yang kita buat dapat berjalan dengan baik meskipun dibuka dengan device dan browser yang berbeda beda.

Link : Click here

vote
Article Rating

Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments