スタッフブログ

webサイトなどの幅について

  • このエントリーをはてなブックマークに追加
こんにちは。カデカルです。皆様いかがお過ごしでしょうか。9月になり、ここ沖縄でも多少暑さが和らいだ感じがします。人より体の肉が多い私にとっては、一日でも早く涼しくなってもらいたいものです。 ホームページやwebページなどを作るときに、気になる事があります。それは、  「横幅はいくつにしたらいいの?」 諸説いろいろありますが、横幅のサイズはコレです!という明確な基準は決められていないはずです。(私の勉強不足かもしれないが) じゃあどうすりゃいいんだよ!と思った方、朗報です。グリッド(ざっくり言えば物差し)を表示するブックマークレットなるものがあります。私も尊敬する先輩から教えて頂き、とても重宝しています。これを使えばあらゆるwebページのサイズを測ることができます。 http://web-tan.forum.impressrd.jp/e/2007/05/21/1373/ ↑ ここから取得できます。もちろん無料です。 使ってみると、こんな感じです。 競馬ブック グリッドの色も赤、青、緑、薄い灰色、濃い灰色の5パターンもあり、見た目も楽しめます。(個人的には青一択。圧倒的に見易い) 今回、このグリッドを使って有名なサイトのページの横幅を測ってみました。 まずはyahoo。 Yahoo-small 結果は950pxでした。 続いてamazon。 Amazon-small 結果は最小幅が約990pxの可変レイアウトでした。可変レイアウトについては、また次の機会にお話しします。 次にYouTube。 YouTube-small 結果は約1000pxでした。 その他、楽天市場が960px、GREEも960px、Twitterも960px・・・んっ!?どうやら答えが 出たみたいだ。

結論 950~1000pxくらいで問題ない!

これで今夜もぐっすり眠れそうだ。
  • このエントリーをはてなブックマークに追加

コメントを残す

*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>