チーム開発をしていると、画面レイアウトのレビューを することがよくあります。 スタッフ「できました!見てもらえますか?」 私「おっ、どれどれ・・・。 ここのボタン少し位置ずらそうか。 上にマージン3pxぐらいで」← 細かい なんて会話をよくします。 そこでスタイルシートをいじって保存してもらい、 ブラウザをリロードすると、 私「うーん、もう1px!」← 細かい という微調整がたくさん入って大変です^^; そんな時に便利なFireFoxプラグインをご紹介します。 FireBugでスタイル調整 FireBugは入れてる方も多いと思いますが、 JavaScriptのデバッグから、CSSの調整、 通信まわりの解析など強力な開発支援機能があります。 (インストールはこちらから) まず、レビューしたいページでFireBugを開きます。 ステータスバーの をクリック FireBugのウィンドウが開きます