Webサイトデザイン調査用ChromeExtension 7選

Webサイトを作る時、他のサイトさまを参考にすることってよくあると思います。
その際によく使うおすすめChromeExtensionをご紹介します。

1.スクリーンショットを撮る

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

2.Webページを保存する

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

3.要素サイズを計る

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

4.使われているフォント調べる

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

5.使われている色を調べる

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

6.グレースケール表示にする

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

7.Windowサイズを変更する

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