情報考学　Passion For The Future

すべてのタグに枠づけ、色づけしてCSSデザインを支援するSTYLE Diver

・STYLE Diver
http://www.vector.co.jp/soft/winnt/net/se365713.html

Web制作の支援ツール。

右クリックから、表示中のWebページのHTMLとCSSを解析して、タグの構造と現在値の一覧を表示する。タグをクリックすると、一瞬、ブラウザ内の該当箇所の色が変わる。一覧画面でタグの値を変更すると、ブラウザで再描画が行われて、効果を視覚的に確認できる。

便利なのはすべてのタグに枠と色づけを行う機能。TABLEの入れ子関係やCSSのかかり具合が一目瞭然になる。ちょっとここどうなってるのかな？と思ったときに、右クリックで確認できる気軽さがいい。

よくできたWebページを研究するための学習ツールとしても使えそうだ。

Posted by daiya at 2006年10月21日 23:59