sikkuiです。

Dreamweaverやホームページビルダーなどをオーサリングソフトという。
オーサリングソフトを使用すれば、直感的にWEBを制作することができるが、ソフトの立ち上げに時間が掛かったり、無駄なタグが入ったり、複雑なレイアウトになるとどうしても限界ある。
また昔からタグを手で打ってWEBを制作していたということもあり、
僕はWEBを制作する時は100％手打ちで制作する。

しかし所詮は文字の羅列だ。ブラウザでヴィジュアル化した場合、どうしてもレイアウトの崩れなど起こる。
ソースを視覚的に構造を認知することも必要になってくる。
そこで僕はOperaのタグのアウトライン化の機能を使用していたのだが、最近登場したGoogle Chromeの凄い機能を発見した。
それは「要素を検証」。

Chromeで画面を右クリックし、「要素を検証」をクリック。
左画面がタグがツリー状になっており、
右画面がタグのスタイルシートや、初期設定を行ったスタイルシートなどが表示される。

また左画面のタグをクリックすると、その部分がブラウザ上で不透明の黄色に着色されるのだ。
他の人が作ったWEBを修正する時に、かなり役に立ちそうだ。

そういえば、Dreamweaver CS4には「要素を検証」のような機能があるとかないとか・・・？