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. Gmailの送信メール取り消し設定

    Web Information

    Gmailで送信メールを取り消し(キャンセル)する設定方法

    先日、GmailのWeb版に送信メールの取り消し機能が採用されたのでさ…

  2. Web Information

    TumblrにiPhoneからブックマークレットを使って簡単に投稿できるようにしてみる

    TumblrにiPhoneから簡単に投稿できたりするブックマークレット…

  3. フリーのアイコンセット

    Web Information

    Webページやモバイルサイトで使いたいフリーのアイコンセット

    とてもいい感じにまとめられていたのでご紹介します。Webページやモバイ…

  4. Web Information

    iPhoneとMacをUSBテザリングで接続するやり方

    前回iPhoneとMacをBluetoothテザリングするやり方を記事…

  5. Chromeのブックマークバーの表示・非表示を切り替えるショートカットキー
  6. UI Movement

    Web Information

    さまざまUIを紹介するサイト「UI Movement」

    UI Movementはさまざまな新しいUIを紹介する便利なサイトです…

コメント

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

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

最近の記事

  1. macOS Mojaveのダークモード
  2. Olli
  3. 単語帳メーカー(Flashcard Maker App)
  4. 1Password 7

Facebookページ

PAGE TOP