私がよく使っているウェブサイト作成に役立つChromeの拡張機能6選

CSSViewer

マウスを乗せた場所のスタイルの状況を知ることができます。余白を調整したいときに使います。調整したい余白がどの要素にあたるのかがすぐに分かります。

次に紹介するものはさらにスタイルの変更もできるわけですが、こちらの方が見やすいのでちょっと確認したいというときはこちらを使います。

Code Cola

先ほどと似ていますが、こちらはスタイルを確認できるうえに内容を変更することもできます。

フォントやボックスモデルに関するプロパティやもちろんtext-shadow、box-shadow、border-radiusなどのCSS3にも対応しています。

Page Ruler

自由に大きさを図ることができます。縦横の長さと、画面の上下からの距離が分かります。なんてことはないですが何かと便利です。

Create Link

個人的には一番使っています。見ているサイトへのリンクを作成してくれます。作成されるリンクタグはカスタマイズできます。

このようにするとリンク先を別枠で開くようになります。

ColorZilla

マウスを乗せた場所の色を教えてくれます。この拡張機能の便利なところは画像であっても色を確認してくれるところです。

ワンクリックでカラーコード（初期設定は#336699のようなカラーコードですが、#なし、rga、hslでも取得可能です）をコピーすることもできるので使い勝手も良いです。

Full Page Screen Capture

サイト全体のキャプチャを取得してくれます。縮小なく全体を取得するのでその後の加工に便利です。

ということで、個人的によく使っている拡張機能でウェブサイト作成に役立つものを紹介しました。普段あまりチェックしていないので、ひょっとしたらもっといい拡張機能もあるかもしれません。おすすめのものなどあればぜひ教えてください。