2009年11月25日

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

CSS(スタイルシート)の色々なテクニックや知識を紹介していく「CSS 3分コーディング」のコーナーです。

はじまりはじまり。

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


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

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

*min-width(最小幅)とwidth(幅)を設定している場合は、min-widthをとっています。
*UA(ユーザーエージェント)によって設定を変えている場合はFirefoxで調べています。
*調査対象のサイトは、思いついたサイトです。チョイスに特別な意図は全くありません。

ポータル系サイト


サイト名幅(px)
Yahoo! Japan950
MSN Japan974
goo970
Excite925
Yahoo! *972
MSN.com *979
AOL.com *80.06em

主要テレビ局


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

政治


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

ゲームハード


サイト名幅(px)
PlayStation.com862
Xbox.com990
Wii768

IT系メーカー


サイト名幅(px)
マイクロソフト932
Adobe1006
アップル980

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

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

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

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

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

では次回もお楽しみに。

レイアウト自由自在!Dreamweaver CS4 CSSデザイン手法
posted by こう at 15:30
連載:CSS 3分コーディング | コメント(0) | トラックバック(0)
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/133868681

この記事へのトラックバック