1クリックで使えるWeb開発ツールFirebug。すべてのWebページのCSS、HTML、および JavaScript をリアルタイムに編集、デバッグなどができます。僕の場合はdivボックスを視覚的に確認したり、CSSを調整、margin、paddingなどの確認に使用しています。JavaScriptを覚えたらさらに使用頻度は上がりそうですね。

以下、Firebug - Web Development Evolved より機能紹介です。

• HTML の調査と編集
• CSS を調整
• CSS の距離計算法を視覚化
• ネットワークの接続を監視
• JavaScript のデバッグと分析
• エラーを迅速に発見
• DOM を調査
• JavaScript を素早く実行
• JavaScript のログを取る
  

Firebug - Web Development Evolved
http://getfirebug.com/jp.html

※ブラウザの右下にある緑色のボタンを押せばFirebugが表示されます。