CSS Debug
Posted at 2005/05/17 (Tue) 21:58 +09:00 in CSS
ページのどこにどのCSSのclass,IDが割り当てられているかを視覚的に表示してくるbookmarklet、 CSS Debugを発見。特に他のサイトを参考にしてサイトデザインする時など、CSSレイアウトの構成が一目でわかるので大変便利です。（※IEでは動作しません。）
ここのページのMy PhotoにFlickr badgeを埋め込んでいますが、既に指定されているCSSを自分のサイトのデザインルールに合わせるときなどは、どのIDやclassをいじってあげれば良いかすぐに判りカスタマイズが楽になります。ちょっとした時間の節約になりますね。やっぱり時間は貴重だもの。
ON/OFFが切り替えられるトグル機能が付いた、CSS Debug Toggleの方がちょっといいかも。私はこちらを使ってます。