LINEで送る
Pocket

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

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

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

Web Developer

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


Web Developer

Pendule

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


Pendule

Firebug Lite

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


Firebug Lite

MeasureIt!

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


MeasureIt!

Pixlr Grabber

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


Pixlr Grabber

Webpage Screenshot

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


Webpage Screenshot

Aviary Screen Capture

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


Aviary Screen Capture

Clip to Evernote

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


Clip to Evernote

Resolution Test

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


Resolution Test

IE Tab

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


IE Tab

Eye Dropper

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


Eye Dropper

Color Picker

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


Color Picker

Chrome Sniffer

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


Chrome Sniffer

Docs PDF/PowerPoint Viewer

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


Docs PDF/PowerPoint Viewer

Chrome SEO

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


Chrome SEO

Similar Posts:

LINEで送る
Pocket


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です