これは必須でしょ！私がおすすめするWeb制作に便利なFirefoxアドオン５選

Firebug

Firebugは、ブラウザで表示しているページのHTML、CSS、Javascriptをその場で確認できるFirefoxアドオンです。
Wordpressを使っていると、管理画面で編集して、わざわざブラウザで確認するのは時間もかかるし、面倒です。
これなら、ブラウザ上でCSSやHTMLを編集し、その場で確認できるのでとても便利。
これは、もうWeb制作をやってる方なら当たり前のように使っているのではないでしょうか。
使い方などについては下記のページで詳しく解説されていますので、ご参照ください。

[参考]意外と知られていない機能が多い！？Firebugの使い方

FireMobileSimulator

FireMobileSimulatorは、PCのブラウザからスマホやタブレットの表示を確認できるFirefoxアドオンです。
Googleもスマホ対応サイトをモバイル検索結果で優遇することを発表したばかり。
今後Web制作に携わるものとしては、スマホ対応は必須と言えます。
レスポンシブの場合は必要はないかと思いますが、ユーザーエージェントで振り分ける場合は便利ですね。
使い方などについては下記のページで詳しく解説されていますので、ご参照ください。

[参考]パソコンでiPhoneやスマートフォンの画面を再現するFirefoxアドオン『FireMobileSimulator』を導入してみた。

colorzilla

colorzillaは、ブラウザのページ上の色を取得できるFirefoxアドオンです。
自分が作ったサイトはもちろん、参考にしたいサイトの色を調べたい時にとても便利です。
ページ上の色をクリックするだけで、そこのカラーコードをコピーすることができます。
これは、ほんと便利ですね。

ScreenGrab!

Fireshotは、ブラウザのページ上の画面をキャプチャできるFirefoxアドオンです。
Fireshotの良いところは、キャプチャする範囲を自由に選べるところ。
「ページ(フレーム)全体」「表示部分のみ」「選択範囲」から選べます。
web制作をやっていると、何かと画面をキャプチャすることが多いので、これは重宝しますね。
使い方などについては下記のページで詳しく解説されていますので、ご参照ください。

[参考]いろんな種類のキャプチャができる Firefox アドオン – 「Screengrab!」

MeasureIt

MeasureItは、ブラウザのページ上でサイズの計測ができるFirefoxアドオンです。
Web制作をしていると、他のサイトを参考にしたい時や自分が前に作ったサイトのサイズを調べたい時があります。
しかし、わざわざデータを開いてサイズを調べるのは非常に面倒です。
そんな時に使えるのがこのアドオンです。
使い方などについては下記のページで詳しく解説されていますので、ご参照ください。

[参考]ブラウザに定規を表示してピクセル単位で縦(height)、横(width)を測る事ができる MeasureIt 0.4.10