• 楽天
  • Yahoo!

【WEB定規】WEBページのバナーサイズなどサっと計れるブラウザツールをご紹介

名称未設定-1

ぼーっとしながらチーズ入りチキンナゲットをかじったらアッツアツのチーズが吹き出て
唇をやけどしたogaRia佐藤です。何事も集中ですね!

バナーと作る時やショップページ構築する際、
サイズをサッと調べられたら便利ですよね!

そんな便利ツールをご紹介したいと思います。

デモ

r1KReImuN0

こんな感じでブラウザ上にあるボタンをクリックすると
サイズを測るモードに切り替わります。

クリックしながらドラッグすると画面上が測れるというツール。
私も重宝しています。

サービスをインストール

まずは検索



サービス名は「MeasureIt」というものです。
firefox、googleChromeで対応していますので
どちらかのブラウザで検索しましょう!
続いて対象のブラウザのリンクをクリックします。

0e5523ee1ba560e1987fb5f1b4bfa403

インストール


firefox版


firefox版ではこの緑のボタンを押してインストールします。
インストール後は念のためにブラウザを再起動しましょう。

e84720a62f47ce5480994d9d34f43116
googleChrome版


googleChrome版では青いボタンを押してインストールします。
こちらもインストール後は念のためにブラウザを再起動しましょう。

65a88bcc534b72603a37884b7e445555

使ってみよう

1d9b0a9dd0ecfa647c69a8836929d683

無事インストールされましたら、
ブラウザの右上あたりに定規のアイコンが現れたかと思います。

アイコンをクリックすると画面が白くなりますので
早速十字マークをドラッグして測ってみましょう!

名称未設定-1

あれもそれもこれも測れる!!無料なのでガシガシ使ってみてください!

この記事を書いた人

佐藤

佐藤ディレクター

CSSやjavascriptなどを使ってワンランク上のショップ作りをサポートできるようなノウハウを中心にお伝えできればと思います!業務の簡略化、効率化に情熱を注いでいます。

この記事のあとによく読まれています!

繁盛レシピの人気記事3選!

コメント

1 件のコメント

コメントはお気軽にどうぞ

セキュリティチェック *

内容をご確認の上、送信してください。