そういえば、昔mixiで投稿したポストですが意外と浸透してないみたいなので
ブログでもちょっこしのっけておきます。
firefoxの拡張機能で、こんな便利なもんもあります。
Web Developer 1.0.2 日本語版
http://www.infoaxia.com/tools/webdeveloper/index.html
プロデューサーをはじめ、WEBデザイナーにも重宝しそうなツールです。
ブラウザからCSSを編集できるのは斬新ですｗ
意外とDWとかは、アプリケーション上ではCSSの反映具合がみにくかったりします。
最近のXMLや、ＰＨＰの登場でよけいそんな気がします。
このツールならブラウザ上でCSSを編集できるので
そのままコピペして、CSSファイルにアップロードすれば、あら簡単☆
使い方は、以下です↓
１．まずサイトからFirefoxの拡張機能をＤＬします。
http://www.infoaxia.com/tools/webdeveloper/index.html
２．拡張機能をインストールしたら、ブラウザを再起動さえて「CSS > CSSを編集する」を選びます。
３．するとCSSファイルが左のブックマーク等が出るスペースに表示されますので、ここを直接編集！
したらば、あら！そのままブラウザの表示が変更されるでは、あーりませんかｗ
５．気の済むまで修正が出来たら、そのソースを丸ごとコピーしてCSSファイルにペーストしよう
（内部CSSの人はこまめにペースト作業あるのみ）
このツールは、同じ手順で他のサイトのCSSの構造等も覗くことができます。
（ルートパスを入れても同じことですが、メンドクサイですよね）
他にもＤＩＶとＣＬＡＳＳの要素をブラウザ上で表示したり、
入れ子状態を視覚的に表示することも可能です。
使い倒してみると結構便利ですよ＾＾
CSSの直書きなど、慣れしてない人には、マスターするのにおすすめです☆
他にもアクセシビリティを計測するこんなツールも便利ぃですよ。
http://www.infoaxia.com/tools/wat/index.html
