さくペラ

さくっとぺらいちというサイトのつづき

CSSを解析する方法

CSSを解析するには、Firebugが欠かせないと思いますが、DOMの親子構造がぱっと分からないのが嫌でして。
Firebugを使いこなしてないだけなのかもしれないけど。

MODIというブックマークレットがありまして、そちらと併用するやり方に最近たどり着きました。
f:id:acidgraphix:20100923165825g:image:w450
一つのツールで完結できればいいんだけども…。そういうブックマークレットないかな…

MODIこちら。無料です。→slayeroffice | tools | Mouseover DOM Inspector v2.0 Help

MODIで分かったDOMの構造を使ってCSSを指定すれば、CSSのスパゲティ構造をある程度防げると思います。