JavaScript::Bookmarklet Blogさん経由で知った便利モノ。サイトのCSSがどんな風に指定されているのか目で見て分かるようにしてくれるブックマークレットだ。

　リンク先の記事でも書かれているけれど、以前見つけたものよりは視覚的に分かりやすいので、かっこいいサイトを見て「このCSSどうなってるんだろう？」なんて時にさっと利用すれば、CSSの使われ方が分かって勉強になりそう＆自分のサイトのダメな部分も一目瞭然？

JavaScript::Bookmarklet Blog: CSS Debugger
ページのどこにどのCSSのクラスが割り当てられているかを視覚的に表示してくるbookmarklet

　IEでは動かないようだが、safariとFirefoxでは問題なく動作した。ブックマークレットなので、「CSS Debugger」という部分をdragしてメニューバーに落とせばＯＫ。あとは使いたい時にクリックするだけ。ちなみにこのBlogを見て見ると、スクリーンショットのような感じ。だはは、なんか裸にされたようで恥ずかし〜い♪