Web制作に便利なChromeアドオン

Web開発に便利なアドオン(拡張機能)は豊富にありますね。
今回は私もよく使っている、オススメのアドオンをご紹介したいと思います。
上手に利用する事で、作業時間を短縮し、効率化が図れます。

~ところで、アドオンって?~

ブラウザに追加できる簡易プログラム。
いつでも自分好みに合わせて追加・削除ができます。
私はChromeをメインに使っているので、Chromeでのご紹介になりますが、勿論、Firefoxなどにも利用できるアドオンはあります。

Awesome Screenshot
ダウンロードはこちらから

ページ全体や一部をキャプチャーし、各種の図形や文字で注釈をつけ、ワンクリックでアップロードして共有できます。この画像をダミーに使いたい、みたいな時にいいですね。

14060302

Page Ruler
ダウンロードはこちらから

Web上にある要素の縦横サイズをドラッグ操作で測る事やxyの位置を確認する事ができます。わざわざ「要素を検証」で調べなくても済むので時間の短縮になりますね。

14060303

ColorPick Eyedropper
ダウンロードはこちらから

Eyedropperのアイコンを選択してから、カラーを知りたい画像などの上へカーソルを当てると、カラーコードを表示してくれます。昔はわざわざphotoshopで画像を開いてカラーピッカーで色を抽出していましたが、便利になりました。

14060304

CSSViewer
ダウンロードはこちらから

どんなCSSかな?と気になる要素の上をクリックするだけで、ポップアップでCSSが表示。ちょこっと確認したい時に役立ちます。

14060301

文字数カウンタ
ダウンロードはこちらから

ポップアップフォームに入力した文字数をカウントします。似たようなサービスもありますし、wordで文字カウントを調べる事も出来ますが、今開いているブラウザ内で完結するのは有難いですね。

14060305

一覧へ戻る