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

無接点充電パッド「QE-TM101」置くだけで充電できる無接点充電パッド「QE-TM101」の購入レビュー前のページ

iPhoneのスクリーンショットを片手で撮る方法(AssistiveTouch活用)次のページiPhoneのスクリーンショットを片手で撮る

関連記事

  1. Copy All Urls

    Web Information

    たくさんのWebページURLを一気にコピーするChrome拡張機能「Copy All Urls」

    現在ひらいているタブのWebページURLをまとめて一気にコピーしたいと…

  2. Web Information

    ホームページを直感的で簡単に作成できるWixの新エディタを使ってみた【PR】

    プロが作ったようなホームページを簡単に作成できるウェブサイトビルダー「…

  3. 現時点の動画のURLをコピー

    Web Information

    YouTube動画で指定した時間から再生できるURLをコピーする方法

    YouTube動画のURLを友達などに伝えるときに「◯分◯秒から再生さ…

  4. Web Information

    iPhoneのアラームを無音でバイブや光のみで知らせてくれる便利アプリ「サイレントタイマー」

    静かな場所でiPhoneのアラームをかけたい時に便利なアプリ「サイレン…

  5. coolHue

    Web Information

    クールなグラデーションがたくさん用意されたWebサイト「coolHue」

    coolHueはクールで素敵なグラデーションがたくさん用意されたWeb…

  6. RollPaper

    Web Information

    Webページのスクリーンショットを上から下まで全体を撮れるiPhoneアプリ「RollPaper」

    Webページのスクリーンショットを上から下までの全体を1枚の画像で保存…

コメント

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

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

最近の記事

  1. セミの抜けがら
  2. Nikeスポーツバンド(アンスラサイト/ブラック)
  3. COMOLI 和紙コットンリストバンド
  4. スターバックス インドネシア アチェ
  5. ベーコンとほうれん草のキッシュ

アーカイブ

PAGE TOP