[CSSの勉強] Mozilla Firefoxの拡張機能について

質問

Mozilla Firefoxの拡張機能を使ってCSSを勉強、研究をしたいと思っています。（CSS初心者です）
「Web Developer」や「CSS Wiewer」を入れてみました。
「Web Developer」は機能がたくさんでいまいちわかりません。
丁寧に解説されているサイトがありましたら、URLを教えていただけないでしょうか？
またWEBデザインを勉強する上で役に立つ拡張がありましたら、ご紹介いただけたらと思います。
よろしくお願いします。

回答No.2

rainbowsix

Web Developerに似ているのですが、「Firebug」という拡張があります。
私は両方入れているのですが、一度適用したCSSをリアルタイムに書き換えて確認したりするのには、Firebugはかなり使い勝手がいいです。
CSSって、意図するしないを別にして、プロパティを重複して記述したりすることってありますよね？例えば、自分の意図しない余白が出てきてしまったときとかって、結局どこかで指定されたCSSプロパティを見落としたせいだったりするんですよね。Firebugでは、対象のhtmlタグに指定されたCSSが、どのファイルの何行目なのか、重複指定されたものがあれば、どれが適用キャンセルされているのか、打ち消し線で表示してくれます。個人的にはこの機能がもっとも重宝します。コードヒント機能もついているので、修正も楽々です。
このほか、javascriptの動作チェックなどをさせたら最強と個人的に思っています。javascript初心者な私は、Firebugが無ければエラーを起こさないプログラミングは多分無理です。とかく便利な機能満載ですので、一度お試しになられることをおすすめします。
http://journal.mycom.co.jp/articles/2007/02/05/firebug/index.html

始めはなれないことも多いですが、使い込んでいけば馴染んでいって、いつか離れられなくなったりするかもです。

お礼

リアルタイムで書き換えはすごいですね。
ためしに使ってみようと思います。

丁寧にいろいろありがとうございます。

回答No.1

MAN_MA_RUI

インフォクシアにあるWeb Developerは古いから注意してくださいね。最新版は1.1.4です。

Webデザインで役に立ちそうなのはHTML Validatorあたりでしょうか。HTMLの文法チェックらしいです。
https://addons.mozilla.org/firefox/addon/249

お礼

バージョン教えていただきありがとうございました。
HTML Validatorもすでに導入済みです。

解説サイトが知りたかったのですが、なかなかありませんね。