超便利アドオン「Firebug」

前回ご紹介した「WebDeveloper」と同じく、Web制作にかかせないアドオンが「Firebug」。
デバッグする際にとても便利です!

https://addons.mozilla.org/ja/firefox/addon/1843

特に便利なのが「調査(Inspect)」機能。
調査ボタンを押して、サイト上の調べたい要素にマウスオーバーすると、その要素にどんなCSSがかかってるかなどを確認することができます。(下図参照)

起動時の画像

しかもコンソール上からCSSの値を変更できるので、微調整する際にその都度CSSを修正してFTPでサーバーにアップするなんてことはやらなくていいんです!!

CSSのデバッグをするときには必須ですね。