- 楽天
- Yahoo!
【WEB定規】WEBページのバナーサイズなどサっと計れるブラウザツールをご紹介
![名称未設定-1](/wp-content/uploads/2016/07/名称未設定-11.jpg)
ぼーっとしながらチーズ入りチキンナゲットをかじったらアッツアツのチーズが吹き出て
唇をやけどしたogaRia佐藤です。何事も集中ですね!
バナーと作る時やショップページ構築する際、
サイズをサッと調べられたら便利ですよね!
そんな便利ツールをご紹介したいと思います。
デモ
![r1KReImuN0](/wp-content/uploads/2016/07/r1KReImuN0.gif)
こんな感じでブラウザ上にあるボタンをクリックすると
サイズを測るモードに切り替わります。
クリックしながらドラッグすると画面上が測れるというツール。
私も重宝しています。
サービスをインストール
まずは検索
サービス名は「MeasureIt」というものです。
firefox、googleChromeで対応していますので
どちらかのブラウザで検索しましょう!
続いて対象のブラウザのリンクをクリックします。
![0e5523ee1ba560e1987fb5f1b4bfa403](/wp-content/uploads/2016/07/0e5523ee1ba560e1987fb5f1b4bfa403.png)
インストール
firefox版
firefox版ではこの緑のボタンを押してインストールします。
インストール後は念のためにブラウザを再起動しましょう。
![e84720a62f47ce5480994d9d34f43116](/wp-content/uploads/2016/07/e84720a62f47ce5480994d9d34f43116.png)
googleChrome版
googleChrome版では青いボタンを押してインストールします。
こちらもインストール後は念のためにブラウザを再起動しましょう。
![65a88bcc534b72603a37884b7e445555](/wp-content/uploads/2016/07/65a88bcc534b72603a37884b7e445555.png)
使ってみよう
![1d9b0a9dd0ecfa647c69a8836929d683](/wp-content/uploads/2016/07/1d9b0a9dd0ecfa647c69a8836929d683.png)
無事インストールされましたら、
ブラウザの右上あたりに定規のアイコンが現れたかと思います。
アイコンをクリックすると画面が白くなりますので
早速十字マークをドラッグして測ってみましょう!
![名称未設定-1](/wp-content/uploads/2016/07/名称未設定-1.jpg)
あれもそれもこれも測れる!!無料なのでガシガシ使ってみてください!
![](/wp-content/themes/knowhow/img/goto_sys_info.jpg)
コメント
1 件のコメント