7 Useful Chrome Extensions for Analyzing the Design of a Website

When you're making your own website, I think a lot of you often refer to many other different websites.

In this article, I'm going to introduce 7 chrome extensions that I think is useful in those situations.

1. Taking screenshots

• Awesome Screenshot
  https://chrome.google.com/webstore/detail/awesome-screenshot-screen/nlipoenfbbikpbjkfpfillcgkoblgpmj
• App version
  https://chrome.google.com/webstore/detail/awesome-screenshot-app/mfpiaehgjbbfednooihadalhehabhcjo

2. Saving webpages

• Evernote
  https://chrome.google.com/webstore/detail/evernote-web-clipper/pioclpoplcdbaefihamjohnefbikjilc

3. Scaling the sizes of elements

• Dimensions
  https://chrome.google.com/webstore/detail/dimensions/baocaagndhipibgklemoalmkljaimfdj

4. Figuring out which font is being used

• WhatFont
  https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm

5. Figuring out which color is being used

• ColorZilla
  https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp

6. Turning everything into black and white

• (un)clrd
  https://chrome.google.com/webstore/detail/unclrd/pjahllgfmfgobhbkjiaohonjejpnkfkh

7. Resizing windows

• Window Resizer
  https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh

Original article written by: Rie Namba

Translated by: Yu Koga