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. Web Information

    Google検索で日付や期間指定をして検索結果を表示する方法

    Googleで調べたいものを検索した時に「どうも古い情報しか出てこない…

  2. Web Information

    Gmailのサイドバーメニューに迷惑メールのラベルを表示させる方法

    ちょっと備忘録です。Gmailで例えば迷惑メールに入ってほしくないメー…

  3. グラデーションクリエーター

    Web Information

    カラフルなグラデーションのCSSを作成できるChrome拡張機能「グラデーションクリエーター」

    グラデーションクリエーターというChrome拡張機能を使ってみました。…

  4. Web Information

    いい感じのiPhone6・iPhone6 PlusのPSDモックアップ素材集(フリー)

    いよいよiPhone6・iPhone6 Plusの発売日となりましたね…

  5. Web Information

    Nexus7で英和辞書を簡単に呼び出して翻訳できるようにする環境構築

    Nexus7を使っていてちょっと不便なのが英文を読む時。iPhoneみ…

  6. Web Information

    素敵なデザインのフリーアイコン集

    自分が使いやすそうなアイコンの素材サイトをまとめてみました。どれも素敵…

コメント

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

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

最近の記事

  1. 田沢湖
  2. ハクバ シリコンクロス
  3. トライポッドスリーブ
  4. レンズペン3 ミニプロとレンズペン ELITE マイクロプロ

Instagram始めました

Facebookページ

PAGE TOP