ネットと副業

副業が本業の収入を大きく超えたので会社やめました

Google

【Google Chrome プラグイン】サイズ計測プラグイン《PageRuler》

投稿日:

f:id:nekonkeo:20150411232117j:plain

 

WEB制作には欠かせない、ホームページに使われている画像のサイズやコンテンツのサイズを計測するプラグイン。
そりゃぁ、正確にサイズを測りたいときは、Firebug等でCSS要素を取り調べしますが、「このサイトのコンテンツ幅、どれくらいかなぁ〜」って、だいたいのサイズ知りたいときは、ちゃちゃっと測りたいですね。

そんなとき、わたくしは、「PageRuler」というGoogleChromeプラグインをつかっております。

PageRulerでサイズを測る

GoogleChromeのプラグインバーのPageRulerボタンをクリックしてアクティブにします。

f:id:nekonkeo:20150411232235j:plain

するとマウスカーソルが十字に変化して、ヘッダーに情報欄が出現します。

f:id:nekonkeo:20150411232329j:plain

サイズを測りたい範囲に、十字カーソルをドラッグします。左上からだろうと右上からだろうと測れます。

f:id:nekonkeo:20150411232247j:plain

 

Yahooトップページの広告枠は、横幅350px、縦幅240pxとわかります!

ガイドの色はデフォルトでは青ですが、ピンクが好きな人はピンクにも変更できます。

f:id:nekonkeo:20150411232412j:plain

情報表示のデザインも控えめだし、計測する箇所をオーバーレイで色表示してくれるから、計測してる箇所がわかりやすいのがいい感じです。

 

 

-Google

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

Googleアナリティクスアカウントの作成の方法をざっくりと。

なんでも簡単にできる時代になったもんです(゚∀゚) 「ブログでアフィリエイトしたいけどどうやってアクセス数とか知るの?」、とか、「お店のホームページ作ったけど見てくれてるのかな?」てな時は、どうします …

no image

アメブロにGoogleマップを貼る方法(ホームページに貼る場合もほぼ同じです)

誰でもGoogleMapはれます! アメブロの記事の中にGoogleMapをはっつけたいときありませんか?ひと昔前は、ホームページにGoogleMap貼るのに、GoogleMapのapi読み込んで位置 …

no image

-祝-基準金額達成!GoogleからAdsense登録の住所確認コードが届いた!

-祝- アドセンスが支払い額に到達しました。 わたくしのAdsenseの状況、大公開。お恥ずかしながら、こんなでございます。 少なっ!!( TДT) GoogleAdsenseって支払い基準ってのがあ …

no image

【Google Chrome プラグイン】サイトを全体のスクショがとれるAwesome Screenshot

パソコンで、ホームページのスクリーンショットをとりたいとき、どうしてます? Windowsの場合だと、Print Screenで画面全体を保存して、フォトギャラリーから切り抜いて使いたい箇所だけ使うと …

no image

〈Googleアナリティクス〉オーガニック検索のキーワードの項目が消えた

知らないうちに自分のしたいように仕様変更する、いけずなところが好きです。Google。 Googleアナリティクス見てたんですが、おかしいんです。オーガニック検索でどういうキーワードで流入があったか調 …