ネットと副業

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

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

セキュリティー診断を受けるとDriveの2GB無料ストレージをもらえるっていうからやってみたけど。。。

  日本は後回しですかね。 どちらかというと、という話で比較対象にする企業ではないのかもしれませんが、AppleよりもGoogleを愛しております。Apple製品がないと生きていけない状況におかれてお …

no image

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

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

no image

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

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

no image

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

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

no image

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

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