Webを作ったり、修正したりするときにはFirefoxを主に使っているのだが、開発に便利なアドオンが充実しているからだ。
特に重宝しているのが『Web Developer』というアドオンでCSSの検証やテーブルを見たりHTMLの検証など必ずと言っていいほど使うツールだ。

WS1001

組み込むとこんなツールバーが現れます。要素を表示するとこんな風にCSSの属性なんかが見れます。

WS1011

まずはFireFoxをインストールしていない人はインストールしましょう。

ダウンロードはこちら

http://mozilla.jp/firefox/

次にWebdeveloperをダウンロード

http://lab.tubonotubo.jp/tools/webdeveloper/index.html

ダウンロードしてできたファイル”webdeveloper.xpi”をFireFoxにドラッグアンドドロップすれば組み込めます。