2014年5月6日火曜日

ウェブサイトをピクセル単位で測定する MeasureIt

1. デスクトップ上でピクセル定規

Windows 上で長さを測るために「ピクセル定規」を利用している。

 

2. Firefox, Google Chrome で MesureIt

SnapCrab_No-1004 Firefox, Google Chrome 内では MesureIt が使いやすい。

インストールすると、ツールバーに MeasureIt のアイコン SnapCrab_No-1003 が表示される。

使い方は、MesureIt のアイコンをクリック。

SnapCrab_No-1016

画面が測定モードになるので、測りたい領域をドラッグして指定すると、幅と高さがピクセルで表示される。

SnapCrab_No-1021

測定モードを解除するには、Esc キーを押す。

SnapCrab_No-1020

 

キーボードによる細かな操作

キーボードで細かな操作をするには、カーソルキーと SHIFT, CTRL を組み合わせる。

MeasureIt ruler extension for Chrome, Safari, Firefox - Frayd Media によると、

Use the following key combinations to fine tune your MeasureIt ruler box:
←→↑↓ Resize 1 pixel
SHIFT + ←→↑↓ Resize 5 pixels
CTRL + ←→↑↓ Nudge 1 pixel
SHIFT + CTRL + ←→↑↓ Nudge 5 pixels