ページの幅960pxを基準にして、設計するグリッドデザインへのコメント

TOYS の　あ・れ・こ・れより

TOYS の　あ・れ・こ・れ — Mon, 05 Dec 2011 10:30:33 +0000

幅960pxの謎。

知人がWebの横巾960pxで納得した　とコメントがあって調べてみた。トラックバック先の方の記事を見てもらうのが一番早い。読むと凄く納得します。

LAMPにCMSでサイト作ってみた(concrete5編) より

LAMPにCMSでサイト作ってみた(concrete5編) — Thu, 20 Oct 2011 12:45:16 +0000

[...] CSSのクラスに数字を入れることでカラムの大きさを自由に変えれるというテーマでした。ここで説明するより、以下のリンク先を読んだほうが理解できると思うので説明を省きます。 18 [...]

グラフィック出身から見た印刷物とWebの違い | グラフィックデザイン研究室mayolabo より

グラフィック出身から見た印刷物とWebの違い | グラフィックデザイン研究室mayolabo — Thu, 14 Jul 2011 02:11:25 +0000

[...] で、調べたらちゃんと裏付けがあるんですね。わからないことはほとんどグーグル先生に聞いていました。参考：ページの幅960pxを基準にして、設計するグリッドデザイン｜コリス [...]

私がwebサイトのラフデザインを制作する時の流れ | Design Spice より

私がwebサイトのラフデザインを制作する時の流れ | Design Spice — Thu, 23 Jun 2011 00:00:17 +0000

[...] 殆どのサイト制作で960pxグリッドを使用します。参考：ページの幅960pxを基準にして、設計するグリッドデザイン | コリス [...]

takumaの「デザインはあれでアートはそれで」より

takumaの「デザインはあれでアートはそれで」 — Thu, 27 Mar 2008 09:17:46 +0000

ã960ãã¶ã¤ã³ / è¨è¨ã…

日々、ウェブデザインとネットニュースとゲームとか。より

日々、ウェブデザインとネットニュースとゲームとか。 — Wed, 26 Mar 2008 13:20:43 +0000

コリスより

コリス — Wed, 26 Mar 2008 11:03:10 +0000

おっと、IE6だと非表示になってたり、ずれたりしてしまうところがありますね。
IE8のテストに夢中になってました。

このサイトは実験的なことをするので（このtextareaとかも）、問題点は多数あります。
すぐにIE6の修正はできないですが、ご了承ください。

P.S.　ページ幅やグリッド設計はプロジェクトにより異なるので、これが唯一だ、というのは無いと思います。方法論の一つとして、僕はとらえています。

yuichis より

yuichis — Wed, 26 Mar 2008 08:23:47 +0000

印刷した際にA4用紙幅で収まることも、WEBページのレイアウトには欠かせないファクターだと思います。
特に技術系や情報系サイトの場合。
有益な情報は印刷したいと言う人はそれなりに多く、いざ印刷してみるとページが切れて・・・とかｗ
これはCSSを多様するようになって問題が増えてきましたね。
960pxは同意。でも３コラムにして、中央を700px、左右を130pxずつ振り分け、印刷する際は中央部分のみ印刷されるようにCSSを配慮する等。

p.s.このサイトの確認ブラウザはsafari？firefoxは無難に表示されているけど、Ie6だと不表示部分がありますね（汗

ページの幅960pxを基準にして、設計するグリッドデザイン へのコメント

TOYS の あ・れ・こ・れ より