webサイトにルーラー（定規）やガイド線を出すブックマークレット

webサイトのサイズ設計や、解析に役立つブックマークレットをご紹介します。

「Rule」→Allan Jardine | Reflections | Rule

使い方は非常に簡単です。手順は

1. Allan Jardine | Reflections | RuleにあるRuleアイコンをブックマークバーにドラッグ（またはブックマークに追加）
2. 任意のwebページを表示
3. ブックマークバー（またはブックマーク）から、追加した「Rule」を実行

対応ブラウザ

• Internet Explorer 7
• Firefox 2+
• Safari 2.0.4+
• Opera 9.2

これでブラウザ上にルーラーとガイド線を表示することが出来ます。ガイド線は、PhotohopやFireworksのようにルーラー上からドラッグします。
また、設定によりガイド線を吸着させることが出来ます。この吸着が地味に便利です。

Allan Jardine | Reflections | Ruleのサイトで、「Rule」のボタン部分をブックマークバーへ。

「Rule」をクリック。

「？」をクリックすると、設定画面が現れます。ここでルーラーやガイドの色を変更できるほかSnapの項目をクリックして「Enabled」にすると、ガイドが要素に吸着します。

要素名やIDも表示が可能。