webサイトのサイズ設計や、解析に役立つブックマークレットをご紹介します。
「Rule」→Allan Jardine | Reflections | Rule
使い方は非常に簡単です。手順は
- Allan Jardine | Reflections | RuleにあるRuleアイコンをブックマークバーにドラッグ(またはブックマークに追加)
- 任意のwebページを表示
- ブックマークバー(またはブックマーク)から、追加した「Rule」を実行
対応ブラウザ
- Internet Explorer 7
- Firefox 2+
- Safari 2.0.4+
- Opera 9.2
これでブラウザ上にルーラーとガイド線を表示することが出来ます。ガイド線は、PhotohopやFireworksのようにルーラー上からドラッグします。
また、設定によりガイド線を吸着させることが出来ます。この吸着が地味に便利です。
Allan Jardine | Reflections | Ruleのサイトで、「Rule」のボタン部分をブックマークバーへ。
「?」をクリックすると、設定画面が現れます。ここでルーラーやガイドの色を変更できるほかSnapの項目をクリックして「Enabled」にすると、ガイドが要素に吸着します。
おお、これは使い勝手が良いですね!
情報ありがとうございます。
さっそく、活用してみます。