2011-12-30 3 views
1

私は人気960 Grid Systemセットアップに精通しています、それは非常に役立っています - しかし、私は、以下の能力を持つ他の人気/重く採用ソリューションを探しています:UIデザイン:人気サイトのレイアウトグリッドシステム> 960

  • より大きいベース解像度(1024pxではなく1280px)?
  • HTML5セマンティックレイアウトタグを使用します:ASIDENAVなど
  • クリーンCSS:できるだけ少数の "トリック/癖を" ... CSS3はボーナスになります。

ありがとうございます。

答えて

1

多くの人がまだレスポンシブデザインに入っているため、多くの人が960pxレイアウトを使用しているかどうかはわかりません。 html5boilerplate、チュートリアルtutsplus(html5/css3スターター)、cssgridfluid base grid(任意の解像度をターゲットにしてください)をご覧ください。それらが助けられたが、あなたに考えを与えるべきであるかどうかは分かりません。私は流体で行ったり、これらの1つを新しいプロジェクトの定型文として使用したりしました。

2

Twitter Bootstrapは、グリッドシステムも備えています。それは960に基づいていますが、自分のロールに変更することもできます。また、他にも光沢のある機能(HTML 5やCSS 3を含む)があります。

+0

お返事ありがとうございます。それは機能がかなり厚く見えますが、ちょっと正直言って、私はあらかじめ作成されたコントロール、ボタン、スタイル付きタグは必要ありません.HTML5セマンティックタグで動作するクリーンなレイアウトシステムが必要です。また、私はブートストラップがHTML5を多用し、DIVやSPANがどこよりも多く使われているのを見ていませんでした。何でも軽量ですか? –

+0

CSSはいつでも使用できます。どのグリッドシステムを選択しても、それは単なるグリッドシステムです。あなたがHTML 5の要素やdivにそれを適用しても、Ttはまったく気にしません。 – Daff

+0

CSSスタイルが特定のクラスとIDコンテナで動作するように設計されていて、特定のプロパティを既に持っている要素用に設計されている場合は、それが重要です。私はまだHTML5のノブですが、 'HEADER'または' ASIDE'コンテナは 'DIV'や' SPAN'とは異なります。スタイルクラスは異なる/予期しない結果をもたらすかもしれません。 –