第31回 いろいろなWebサイトの幅まとめテーブルレイアウトを卒業しよう

いろいろなWebサイトの幅まとめ

講座でもよくご紹介していますが、Webサイト(ページ)の幅をどれくらいにするかの判断基準として、国内外のいろいろなWebサイトがどれぐらいの幅になっているのかをまとめてみました。

(*が付いているのは英語のページです)

*min-width(最小幅)とwidth(幅)を設定している場合は、min-widthをとっています。

*UA(ユーザーエージェント)によって設定を変えている場合はFirefoxで調べています

*調査対象のサイトは、思いついたサイトです。チョイスに特別な意図は全くありません。

ポータル系サイト

ポータル系サイト
サイト名 幅(px)
Yahoo! Japan 950
MSN Japan 974
goo 970
Excite 925
Yahoo! * 972
MSN.com * 979
AOL.com * 80.06em

主要テレビ局

主要テレビ局
サイト名 幅(px)
NHKオンライン 990
日テレ・ホームページ 1003
TBS 980
フジテレビ 990
テレビ朝日 967
テレビ東京 960

政治

政治
サイト名 幅(px)
首相官邸ホームページ 962
鳩山由紀夫ホームページ 880
BarackObama.com * 960
Number10.gov.uk(英国首相官邸) * 1000

ゲームハード

ゲームハード
サイト名 幅(px)
PlayStation.com 862
Xbox.com 990
Wii 768

IT系メーカー

IT系メーカー
サイト名 幅(px)
マイクロソフト 932
Adobe 1006
アップル 980

特に何か面白い傾向がみえるというわけではないですが、近年Webページの幅はどんどん大きくなってきていることはわかりますね。

Net Applicationsが提供している統計データをみても、2009年10月のデータで77%以上のモニターが横幅1000以上の解像度を表示できるようになっています。

Net Applicationsが提供している統計データをみても、2009年10月のデータで77%以上のモニターが横幅1000以上の解像度を表示できるようになっています。

ちなみに、ちょっとデータは古いですが、次のページがとても豊富なデータでまとまっています。参考、ネタ元にさせていただきました!

今webサイトは幅何pxで製作されているのか | Liquid Paper Clips

では次回もお楽しみに。(こう鈴木 航 (すずきこう)

次のページは…
スキップリンクの実装
関連リンク
鈴木 航 (すずき こう)
鈴木 航 (すずき こう)

XHTML、CSSなどのWeb関連技術を得意とする。かぼちゃの煮物が嫌い。

CSS 3分コーディング

RSSフィードで
最新情報を購読