>> 
ブラウザに定規を表示してピクセル単位で縦(height)、横(width)を測る事ができる MeasureIt 0.4.10
 >> 
ブラウザに定規を表示してピクセル単位で縦(height)、横(width)を測る事ができる MeasureIt 0.4.10

スポンサーサイト

  • このエントリーをはてなブックマークに追加
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

ブラウザに定規を表示してピクセル単位で縦(height)、横(width)を測る事ができる MeasureIt 0.4.10

  • このエントリーをはてなブックマークに追加
ブラウザに定規を表示してピクセル単位で縦(height)、横(width)を測る事ができる MeasureIt 0.4.10このブログを始めた時のエントリーを書き直しました。


ブラウザに定規を表示してピクセル単位で 縦(height)、横(width) を測る事ができる Web制作にとても便利なアドオンです。



MeasureIt 0.4.10

MeasureIt」は、Firefox上に定規を表示してピクセル単位で 縦(height)、横(width) を測る事ができる アドオンです。

MeasureIt :: Add-ons for Firefox

以下、実際に使ってみた様子です。




ブラウザに定規を表示してピクセル単位で 縦(height)、横(width) を測る事ができます

MeasureIt を使ってみる - MeasureIt 0.4.10

インストール後に "ツールバーのカスタマイズ" から "MeasureIt ボタン" をツールバーの任意の場所にドラッグ&ドロップで配置してます。

私は使用アドオンの用途によってジャンル分けをして配置しています。Web制作系のアドオンは「All-in-One Sidebar」を使いサイドバーに配置します。

All-in-One Sidebar :: Add-ons for Firefox



MeasureIt を使ってみる

MeasureIt を使ってみる - MeasureIt 0.4.10

"MeasureIt ボタン" をクリックするとブラウザの閲覧ページが白っぽくなりマウスカーソルが十字に変わったら準備OKです。



MeasureIt を使ってみる - MeasureIt 0.4.10

マウスでクリックしたまま斜めに引きずる(グラブ&ドラッグ)と上記のように 縦(height)、横(width) のサイズを測る事ができます。

マウスだけではなくキーボードで 1px、5px 毎に微調整できます。※
  • ↑ → ↓ ←」で 1px ごとにサイズを変更
  • Shift + ↑ → ↓ ←」で 5px ごとにサイズを変更
  • Ctrl + ↑ → ↓ ←」で 1px ごとに計測範囲を移動
  • Ctrl + Shift + ↑ → ↓ ←」で 5px ごとに計測範囲を移動
※ Firefoxのみで確認できました




インストールページ

2012.03.23 Rewrite ---





ブラウザ上に定規で便利 MeasureIt 0.3.6
検査入院が近づいてる管理人です。
少しだけ、ブログテーマをいじりました。

今回は、Web制作に便利なアドオン MeasureIt です。



MeasureIt 0.3.6

MeasureIt は名前の通り [ Measure = メジャー = 定規 ] Itの定規です。

まさかPC画面にリアル定規を当ててサイズを測ったりする方はいないと思うのですが、Web制作をする時など人のWebサイトを参考にしたい時などPC画面に定規があると便利です。

便利なツールとしてはピクセル定規やMedirなどがありますね 私はMedir派です。

Webデザイナーのための「ピクセル定規」Windows版の詳細情報 : Vector
http://www.vector.co.jp/soft/win95/util/se313761.html

Medirの詳細情報 : Vector
http://www.vector.co.jp/soft/win95/art/se319323.html



使用方法

インストールするとブラウザのステータスバーの左に定規のようなアイコンが表示されますが、このままでは使用できません。OFFの状態です。

ONの状態にする為には、MeasureIt アイコンをクリックするだけです。
MeasureIt 0.3.6


クリックすると下記画像のように MeasureIt アイコンが赤くなり、画面が少し白くなると使用可能状態です。
MeasureIt 0.3.6


使用可能状態なると下記画像のようにブラウザでWebサイトの縦(height)、横(width)のサイズを測る事ができます。
MeasureIt 0.3.6



インストールページ

2008.03.18 Wrote ---
関連記事
-0 comments
管理者にだけ表示を許可する
-0 trackbacks