20 Ekstensi Chrome untuk Desain Web

Banyak blogger yang mencari cara untuk memperbaiki desain web mereka. Cara paling mudah untuk membantu membuat desain web adalah dengan ekstensi chrome yang tepat. Berikut adalah daftar ekstensi chrome untuk desain web dari Web Store Google Chrome, di sini kita dapat menemukan font yang tepat, membuat gambar inspirasi, menemukan resolusi warna yang tepat, membuat desain grafis, mengukur elemen, dan menganalisa halaman kita sendiri dan halaman pesaing.

1. Pixlr Editor

Pixlr editor adalah editor foto online. Kita tidak perlu download dan mengeluarkan biaya, karena tools ini gratis. Pixlr editor berisi fitur-fitur canggih yang biasa kita temukan di aplikasi desktop desain grafis, seperti  layers, lasso tool, brush controls, cloning, dan filters.

2. PicMonkey

Ekstensi chrome yang satu ini merupakan editor foto online yang memungkinkan untuk mengambil gambar langsung mengambil dari halaman web dan membukanya di PicMonkey.

3. ColorZilla

Dengan ColorZilla kita bisa mendapatkan setiap warna pada browser, dan dapat disesuaikan untuk kemudian di paste ke program lain.

4. WhatFont

WhatFont adalah cara termudah untuk mendapatkan informasi font. Pada WhatFont juga terdapat layanan yang dapat mendeteksi web font yang digunakan. WhatFont juga mendukung terhadap Typekit dan Google Font API.

5. Evernote Web Clipper

Gunakan ekstensi Evernote ini untuk menyimpan elemen web apapun ke dalam akun Evernote kita. Menambahkan dan highlight text, menggunakan visual callouts, share clips, and masih banyak lagi. 

6. YSlow

YSlow menganalisa halaman web dan memberi saran cara untuk meningkatkan kinerja berdasarkan aturan yang ada. Ekstensi ini menilai sebuah halaman web, merangkum komponen suatu halaman, serta menampilkan statistik halaman tersebut.

7. Brechwarmer

Ekstensi chrome ini digunakan untuk Dribble, situs ini menunjukkan dan mempromosikan karya desain yang inspiratif kepada kita. Setiap kali membuka tab baru, Brenchwarmer akan menunjukkan gambar-gambar inpirasi terbaru dari gambar populer.

8. Palette

Bingung membuat warna yang cocok untuk gambar? Atau mengambil beberapa warna untuk menginspirasi warna gambar? Disini kita bisa menggunakan Pallete, caranya klik kanan pada gambar yang diinginkan, kemudian pilih option “Palette for Chrome” dan pilih jumlah warna yang kita inginkan.

9. Instant Wireframe

Ekstensi ini dapat membantu untuk melihat halaman web dengan overlay Wireframe.

10. Dimension

Dimensi adalah tools desain untuk mengukur dimensi layar, seperti batas area, gambar, elemen HTML, tombol, video, teks, dan ikon. Ekstensi ini juga ideal untuk mengukur mockups.

11. Stylebot

Ekstensi ini memungkinkan kamu untuk memanipulasi tampilan situs web dengan custom CSS. Kamu bisa memilih elemen dan perubahan yang kamu inginkan dari editor, seperti mengubah font, warna, margin, visibilitas dan banyak lagi. Disini kamu juga bisa menulis CSS secara manual.

12. Appspector

Ekstensi ini membantumu dalam memeriksa web framework, content management system, dan JavaScript library yang sedang berjalan pada situs penelusuran yang sedang aktif. Ekstensi ini dapat mendeteksi lebih dari 100 CMS populer dan JavaScript library.

13. CSS Shapes Editor

CSS Shapes Editor adalah editor interaktif untuk bentuk CSS. ekstensi ini dapat membantu kamu membuat dan menyesuaikan nilai-nilai dalam bentuk CSS dengan editor yang interaktif.

14. Eye Dropper

Ekstensi ini digunakan untuk Google Chrome dan Chromium. Dengan ekstensi ini kamu bisa memilih warna dari halaman web manapun.

15. Font Playground

Ekstensi ini membantu kamu melihat situs dengan lebih dari 1.000 font web Google dan mendapatkan kode CSS.

16. Minimalist Markdown Editor

Ekstensi ini adalah editor markdown yang sederhana. Hanya dengan menulis Markdown dan kamu bisa lihat sesuai dengan apa yang kamu ketik.

17. Type Sample

Type Sample adalah ektensi yang digunakan untuk mengidentifikasi web font.

18. EnjoyCSS

EnjoyCSS adalah generator CSS3 online. Ekstensi ini dikenal dengan gaya grafisnya yang cepat, tanpa coding, dapat membuat dan mengubah 2D dan 3D, transisi kompleks, teks shadows dan banyak lagi.

19. Alexa Traffic Rank

Ekstensi ini menyediakan data tentang situs yang kamu kunjungi. Di sini kamu bisa mempelajari bagaimana situs tersebut dapat muncul di mesin pencari menggunakan Wayback Machine.

20. Web Developer

Ekstensi ini adalah port resmi yang digunakan untuk memperpanjang pengembang web untuk Firefox. Menambahkan tombol toolbar ke browser dengan berbagai alat pengembang web.

Leave a Reply

Your email address will not be published. Required fields are marked *