webデザイン編集に役立つブックマークレット4つ [javascript]

ピンポイントで要素を弄るときはDOM Inspector(→DOM Inspector - MDC)の方が便利だと思いますが、全体像を把握しながらとなると、以下のブックマークレットがお勧め。

ブックマークレット - Wikipedia
ブックマークレット (Bookmarklet) とはJavaScriptで記述された小さなプログラムである。たいていの場合、ウェブブラウザのブックマークに登録して利用することからこの名称となった。 登録したブックマークをクリックして使用する。

というわけで、ブックマークに登録してお使いください。

• スタイルをテスト
  新しいウィンドウが開いて、そこにCSSを書き込めば表示テストが出来ます。
• ルーラーを表示
  ドラッグするとサイズや座標が分かります。サイズを測るときに便利
• <DIV id="">を#REDで表示
  <DIV id="">の要素を赤字と赤枠で表示
• <DIV class="">を#BLUEで表示
  <DIV class="">の要素を青字と青枠で表示

Firefoxでしか検証してないので、IEでは動くか分かりません＞＜

タグ：ブックマークレット JavaScript Bookmarklet

コメント 2

なるほど～
これで、直したいところがよくわかります＾＾
らでぃっしゅさん、ありがとう<(*_ _)>ﾍﾟｺﾘﾝｺ
by Ｒ．ナナ (2010-02-15 15:05) 

>ナナさん
カッコいい(可愛い)のを作れると良いですね d('-'*
by らでぃっしゅ。 (2010-02-15 21:34)