2007年07月21日 (土)

Firefoxアドオン「MeasureIt」

昨今のFirefoxライフで、俄にお気に入り度が上昇しているFirefoxアドオンが「MeasureIt」です。「MeasureIt」はブラウザ上で動作する定規で、画像やテキストなど、ページ内のあらゆる部位のピクセル寸法を自由自在に計測することが出来るツールです。7月21日現在の最新バージョンは0.3.6。

1. click the MeasureIt button MeasureIt icon in the status bar or toolbar to turn it on/off
2. click and drag out a ruler box
3. click and hold to move the ruler box
4. CTRL + Arrow Keys to nudge ruler by 1 pixel
5. CTRL + SHIFT + Arrow Keys to nudge ruler by 5 pixels
6. click the "X" to close that ruler or click outside of it to begin drawing another ruler
7. ESC key to turn off MeasureIt

http://www.kevinfreitas.net/extensions/measureit/

特に設定項目などはなく、インストールすると、ステータスバーに「MeasureIt」のON / OFFを切り替える為のボタンが追加されます。ボタンをクリックして機能をONにするとブラウザ画面全体がマスクされ、ポインタが十字カーソルに変わります。起点を定め、そこから十字カーソルを対角線にドラッグすると、目盛の付いた枠で測定範囲が選択され、ボックスのサイズがピクセル数で表示される仕組みです。一度に展開出来る定規は1つで、別の定規を開始するには既定のボックスを閉じる必要がありますが、確定したボックスそのものをドラッグして動かすことも出来るので、色々と使い出があります。

HTMLやCSSを視覚的に確認することが出来るアドオン「Web Developer」などと組み合わせても便利ですが、いずれにしてもWebデザインのチェック工程には欠かせない一品で、レイアウトの調整にも重宝します。また、気軽にページ内を寸法することが出来るので、ピクセル測定狂には必携のアドオン。Webを泳いでいると無性にサイズが測りたくなる、ピクセル定義したくなる、そんなあなたにオススメです。

INFORMATION

RECENT ENTRIES

ARCHIVES

  • Browse All Archives [1675] »

COUNTERS

  • 01,463,677
    Y: 936 - T: 346

CREDITS

  • Powered by Movable Type Pro 6.3.3
  • さくらのレンタルサーバ  ムームードメイン
  • Made on a Mac  Composed and Posted with ecto for Mac OS X 3.0.2
  • Valid XHTML 1.0 Transitional  Valid CSS version 3.0

STATISTICS

  • Data: O.Z.K.
  • URL: http://ramhorn05j.com/weblog/
  • Author: ramhorn05j
  • Total Entries: 1675
  • Timezone: +09:00
  • PublishCharset: UTF-8
  • Last Updated: 2017年08月11日 (金) 07:56