nokono.com

■WebDeveloper日本語版
http://www.infoaxia.com/tools/webdeveloper/

Firefoxの拡張機能でインストールするとメニューとツールバーを追加され
Web制作関連の様々なツールを提供してくれます。

主な機能
・クッキー、Java、JavaScript、CSSなどを無効にする
・CSSをその場で編集する
・フォームの各属性値を表示する
・画像を非表示にする
・alt属性のない、あるいはalt属性値が空の画像を枠で囲む
・リンクのパスを表示する
・ブラウザの画面内を拡大あるいは縮小する
・テーブルのセルを表示する
・ブラウザのウィンドウおよび表示領域の幅と高さを表示する
・HTMLおよびCSSの構文をチェックする
・W3C/WCAG 1.0 あるいは米国リハビリテーション法508条でアクセシビリティをチェックする
・Webページのソースコードを表示する


今回、ブログのCSSをいじろうと思い”何かいいツールを”と思っていた時に
会社で紹介されていたこのツールを思い出しました。
今までMT編集は”編集→再構築→チェック→編集”というように
結構手間かけないといけなかったんですけど、
このツールを使うことでリアルタイムにCSSの変更が視覚的に確認できるので
時間的にかなり節約することが出来ました。
ツールバーから直感的に操作できたり、
カーソルを合わせるとそこがCSSのどの部分に対応しているか表示できたり
ステキ昨日盛りだくさんです。オススメツール。