HTML,CSS,JS / BOOKMARKLET / DIVタグの可視化

PIXEL LAB

大阪北摂のFLASH屋さんによるブログです。AS3AIR、DESIGN、3D、ORIGINAL TOOL ...

« | MAIN | »

フルCSSサイトのコーディング時に苦労する点として、カスケーディングの把握があります。

DIVのカスケーディングをビジュアルに確認できる可視化ツール(コード)をオリジナルで作成したので、紹介します。

資料 / ブックマークレットについてはこちら

■使い方(FireFoxのみで動作確認)

以下のテキストリンクを、ブックマークに登録します(ドラッグとかで)。

DIVタグの可視化

実行したいページで、登録したブックマークをクリックしてください。
登録したブックマークの中身はJavascriptになっており、クリックすることにより実行され、DIVタグが表示されます。
元に戻すには、ページをリロードしてください。

■動作イメージ・機能解説

20070329_01.png

トラックバック

このエントリーのトラックバックURL:
http://www.pixelimage.jp/cgi-bin/MT/mt-tb.cgi/13

コメントを投稿

ツール&エントリー一覧

月別アーカイブ

カテゴリー

フィードを取得

ABOUT

PIXEL LABは、大阪北摂のFLASH屋さんによるブログです。AS3、AIR、DESIGN、3D、ORIGINAL TOOLなど