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

2006年10月21日 23:59 daiya | 個別ページ

Web制作の支援ツール。

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

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

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

このページは、daiyaが2006年10月21日 23:59に書いたブログ記事です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。