GoogleChromeで入れておくと便利なエクステンション

もう彼らなしでは仕事できません。。
依存しまくっているChromeのエクステンションをご紹介します。

Web制作編

Awesome Screenshot

スクリーンショットを撮るエクステンションです。
範囲指定が出来たり、ページ全体(スクロールが必要な部分も含めて)も撮れます。
screenshot

Awesome Screenshot

Chrome to Mobile

PCで閲覧しているURLをスマホのChrome Mobileにワンクリックで転送出来ます。
iOS、Android端末どちらもOKです。

Chrome to Mobile

Image Properties Context Menu

IEやFireFoxなんかには標準搭載されている、右クリで画像の情報表示するエクステンションです。
image-info

Image Properties Context Menu

Eye Dropper

ブラウザで閲覧しているページの色を拾えるスポイトツールです。

Eye Dropper

MeasureIt

選択した範囲を計れるメジャーです。あそこのサイズ何だったっけ。。という時なんかに重宝します。
Measure

MeasureIt

Emmet LiveStyle

デベロッパーツール(F12で出てくるパネル)からCSSファイルを指定するとEmmetで編集した内容がリアルタイムでブラウザに反映されます。
そう、F5を押さなくてもね。
詳細は下記の動画をご参照ください。

Emmet LiveStyle

Image Downloader

表示しているページの画像を一括ダウンロード出来ます。
サイズを指定してダウンロードすることも可能。

Image Downloader

情報整理編

Quick Note

素早くメモを取りたい時に便利なメモ帳。

Quick Note

Drive Notepad

Chromeというか、GoogleDriveをブラウザで開いた時にただのtextファイルを作成したくて入れたのですが、htmlやCSSなどの編集にも対応していてかなり使えます。

Drive Notepad

RELATED POSTS