ruler_guides

Last-modified: 2014-09-25 (木) 20:31:11

拡張機能 - ruler_guides

ジャンルWeb制作支援
バージョン
特徴閲覧ページに垂直・水平ルーラーを表示する[e]
人気投票数 0 　[投票ボタン]
対応Fx
～
対応Tb
～
日本語
最新版入手先ruler_guides :: Versions :: Add-ons for Firefox [e]
ミラーサイトAdd-ons for Firefox[e]
制作者サイトRebel Station｜Make a difference, not a profit [e]
英語
非公式版サイト－[e]
関連サイトmark-rolich/RulersGuides.js ・ GitHub[e]
joshijitendra/rulerguides ・ GitHub[e]

説明・詳細

ツールバーの専用ボタンを押すと、閲覧ページに垂直・水平ルーラーと赤いメニューボタンが表示されます。
メニューボタンを押すとメニュー一覧が開かれ各種機能を実行する事ができます。

 

閲覧ページ上にガイドラインを追加する方法

  • マウスポインタを垂直・水平ルーラー上からページ側へドラッグする
 

メニュー項目

  • Hide rulers (Show rulers)
    垂直・水平ルーラーの表示・非表示を切り替える。
  • Hide guides (Show guides)
    追加したガイドラインの非表示・表示を切り替える。
  • Hide all (Show all)
    メニューボタン以外のルーラーやガイドラインの非表示・表示を切り替える。
  • Unlock rulers (Lock rulers)
    現在のスクロール位置でのルーラーの非固定化・固定化を切り替える。
  • Clear all guides
    追加したガイドラインを全て消去する。
  • Open grid
  • Save grid
  • Snap to
    ガイドラインの垂直・水平方向への移動単位をピクセル値で指定する。
  • Show detailed info
    ガイドラインで分割された領域を赤と青で色分けし、それぞれの領域に縦横サイズと座標*1を表示する。
  • Snap to DOM (Turn off snap to DOM)
    ガイドライン移動時にガイドラインをページ上の各要素の四方に吸い寄せる機能の有効・無効を切り替える。
 
*1 分割された領域の左上部分の座標