ウェブデザイナーにおすすめ Google Chromeエクステンションいろいろ

Pocket

最近では、Google Chromeを標準のブラウザとして利用されている方々も多いのではないでしょうか。

表示もサクサクで自分好みに拡張できるエクステンションもだんだんと充実してきました。

今回は、ウェブデザイナーやデベロッパーの方々におすすめのGoogle Chromeのエクステンションをまとめてみました。

Web Developer

FirefoxでもおなじみのWeb DeveloperのChrome版。CSSやForm、画像表示、アウトラインなどなどとっても便利な機能が満載です。

Pendule

こちらもWeb Developerに良く似たエクステンション。CSS、JavaScript、画像の表示、カラーピッカーやルーラーまでついてる優れもの！

Firebug Lite

おなじみFirebugのChrome版。CSS, HTML, JavaScriptを編集する事が可能です。

MeasureIt!

こちらも必須のツールではないでしょうか。サイズを計る事ができるエクステンション。

Pixlr Grabber

表示部分、ページ全体、選択部分でスクリーンキャプチャーが撮れるツールです。

Webpage Screenshot

こちらも簡単にスクリーンショットが保存できるツールです。

Aviary Screen Capture

スクリーンショットを撮って、直接Aviaryのウェブアプリで画像を編集することができます。

Clip to Evernote

Evernoteをお使いの方には便利。気になる記事や画像をEvernoteに簡単クリップ。

Resolution Test

クリックひとつで指定のサイズにブラウザをリサイズしてくれます。

IE Tab

Chrome内でIEによるページ表示をしてくれるエクステンション。

Eye Dropper

表示しているウェブページから色を抽出できるカラーピッカー。

Color Picker

サクサク動くカラーピッカー。ウェブページからのカラー抽出ができれば良いのですが…。

Chrome Sniffer

表示中のウェブページがどんなフレームワークやCMS、JavaScriptのライブラリを使っているのかアイコンで表示してくれます。

Docs PDF/PowerPoint Viewer

PDF/PowerPointファイルをGoogleドキュメントのドキュメントから開くようにしてくれます。

Chrome SEO

各検索エンジンのバックリンクやトラフィックランクなどクリックひとつでSEO情報が簡単に確認できるようになります。