画面レビューにめちゃくちゃ便利なFireFoxプラグイン - EC studio 技術ブログ

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

[yuuten]

//pagehackerって拡張は知らなかった

[inouetakuya]

FireBugは細かい調整に便利ですが、 位置を大きく変更したりテキスト編集などには不向きです。 そんな時はPage Hackerを使います。

[takuya5455]

FireBugは細かい調整に便利ですが、 位置を大きく変更したりテキスト編集などには不向きです。 そんな時はPage Hackerを使います。