5 Chrome Extensions yang Wajib di install untuk Web Designer

5 Chrome Extensions yang Wajib di install untuk Web Designer – Halo semua selamat data di situs web didikprabowo.com. Kali ini saya ingin membahasa mengenai extensions pada google chrome yang wajib diinstall oleh web designer. Perlu di ketahui apa itu web designer, Web Designer merupakan salah satu bidang IT yang berguna untuk merancang tampilan situs web, biasanya mengenai tentang ukuran,warna, font dan lainnya. Web Designer berkaitan dengan front end developers, namun biasanya seorang web design juga mengerti bagian front end developers.

Extensions pada google chrome dapat membantu seorang web designer untuk merancang sebuah tampilan halaman website. Maka dari itu seoaran web designer wajib menginstall beberapa extension keren pada google chrome.

Penasaranra apa aja extension nya ?  Namun sebelumnya anda harus mengerti dulu cara menginstal extensionsnya.

Cara menginstall Extension Google Chrome

  1. Silahkan buka di kolom URL google chrome dan masukan link berikut ini , https://chrome.google.com/webstore/category/extensions?hl=en-US
  2. Silahkan pilih extenstion yang ingin diinstall kemudian klik add to chrome.

Kalau sudah bisa cara menginstall extenstions google chrome, mari kita bahas 5 Chrome Extensions yang Wajib di install untuk Web Designer.

1. Web Developers

Extendsion dari web developers memiliki beberapa fitur yaitu

  1. Disable Plugin, Javascript, dan Pop Up.
  2. DIsable CSS, baik yang berupa inline css, internal css maupun external css.
  3. Delete, disable cookies.
  4. Manajemen image, baik thumbnail maupun background.
  5. Dan masih banyak lagi

Anda dapat menginstall extensions web developer di https://chrispederick.com/work/web-developer/installed/chrome/05/

2. Whatfonts

Whatfonts, berguna untuk mendeteksi font yang digunakan oleh suatu website yang ingin dilihat, Jadi setiap text dapat kita lihat nama fontnya. Biasanya ketika kita melihat suatu website, dan font nya menarik maka ingin menirunya. Hal ini bisa dilakukan menggunakan inspect elemen, namun harus menelusuri satu persatu. Nah dengan menggunakan extension Whatfonts, maka font dapat terlihat dengan cepat.

Anda bisa dapatkan di https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm?hl=en-US

3. ColorPick Eyedropper

ColorPick Eyedropper, digunakan untuk melihat kode warna pada layout website, dengan menggunakan ColorPick Eyedropper maka akan terlihat kode warna yang dipakai oleh website tersebut. Kode warna bisa berjenis Hex maupun RGB. TInggal anda sesuaikan ingin memakai yang mana, cukup membantu bukan. Langsung saja silahkan pasang extensions ColorPick Eyedropper di chrome yang anda pakai.

Anda bisa mendapatkan di https://chrome.google.com/webstore/detail/colorpick-eyedropper/ohcpnigalekghcmgcdcenkpelffpdolg?hl=en-US

4. CssViewer

CssViewer digunakan untuk melihat style cssnya, style css tersebut mencakup elemen dan tag HTML yang dipakai oleh website yang sedang diperiksa. Hal ini biasanya digunakan untuk meniru tampilan style dari website lain yang tentunya lebih menarik. Dengan menggunakan extension CssViewer maka anda dapat melihat seperti ukuran margin, padding dan masih banyak lagi.

Anda bisa mendapatkan di https://chrome.google.com/webstore/detail/cssviewer/ggfgijbpiheegefliciemofobhmofgce?hl=en-US

5. Page Rules

Page Rules ini digunakan untuk melihat ukuran dalam situs website, bukan hanya mencakup tinggi dan lebarya saja, namun bisa melihat dimensi yang digunakan. Dengan menggunakan Page Rules anda dapat lebih tepat melihat ukuran apapun pada layout suatu website.

Anda bisa mendapatkan di https://chrome.google.com/webstore/detail/page-ruler/emliamioobfffbgcfdchabfibonehkme?hl=en-US

Demikian 5 Chrome Extensions yang Wajib di install untuk Web Designer, semoga dapat membantu anda untuk berkreasi.

Semoga Bermanfaat.

admin
Leave a Reply