MeasureIt

Web Information

Webページ上の要素の縦横サイズを計測できるChrome拡張機能「MeasureIt」

MeasureItはWebページ上の特定の要素の縦横サイズを簡単に計測できるGoogle Chrome拡張機能です。Web制作する人にとってはかなり役立つツールですよね。例えば、デザインを参考にしたいサイトで、ここの要素は何pxのサイズに設定されているんだろうといった時にサッと確認することができます。Chromeを使っている人は入れておいて損はない機能です。

[ads_center]

MeasureItの使い方

まずは以下からMeasureItをChromeにインストールします。

インストールすると、画面右上にMeasureItのアイコンが追加されます。

MeasureIt

サイズを測りたいサイトへ行き、このアイコンをクリックして目的の要素をドラッグすると縦横サイズを知ることができます。アイコンをクリックすると画面が半透明のような状態になり、これで計測が可能になります。

MeasureIt

測り終わったら「escキー」を押すことで半透明の状態が解除されます。(当方MacなのでWindowsは分かりません。)

1px単位まで正確に知りたい時はソースコードを確認するのが一番確実ですが、手間をかけずに大体のサイズを知りたい時には重宝する拡張機能だと思います。

関連記事

  1. Photoshopの日本語と英語の用語

    Web Information

    Photoshopの用語で日本語を英語に変換したい時に役立つ対応表

    ちょっと個人的にすごく便利だったのでご紹介します。Photoshopの…

  2. Googleブログ検索

    Web Information

    Googleブログ検索がなくなったと思ったらまだちゃんとあった

    Googleブログ検索を検索結果ページから絞り込んでよく利用していたん…

  3. Web Information

    Google検索を英語だけの結果で表示させる簡単な方法

    Google検索をする時に日本であまり情報が少ないものを検索することが…

  4. Nexus 5でテザリングしてMacを接続

    Web Information

    Nexus 5でテザリングしてMacを接続させるやり方

    Nexus 5でテザリングしてMacを接続してみたのでそのやり方をメモ…

  5. LOCKJOY(ロックジョイ)

    Web Information

    待ち受けを見てロック解除でポイントが貯まるLOCKJOY(ロックジョイ)を使ってみた

    iPhoneで待ち受けを見てロックを手順通り解除するだけでポイントが貯…

  6. Web Information

    iPhoneのSafari(サファリ)でリンク先を新規タブで開く方法

    iPhoneのSafari(サファリ)でブラウジングしている時にリンク…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. SOL001
  2. 末廣ラーメン
  3. ナッティホワイトチョコレートフラペチーノ

アーカイブ

PAGE TOP