UI設計：流行的網站佈局網格系統> 960

我所熟悉的流行960 Grid System設置，它已經非常有幫助 - 但我正在尋找其他流行/重通過了以下能力的解決方案：UI設計：流行的網站佈局網格系統> 960

較大的基本分辨率（1280像素而不是1024像素）？
利用HTML5語義佈局標籤：ASIDE，NAV等
清潔CSS：一些「招數/怪癖」成爲可能...... CSS3將是一個獎金。

謝謝。

2011-12-30 one.beat.consumer

不知道是否許多人仍在使用960像素佈局，因爲現在很多人都在使用響應式設計。查看html5boilerplate，教程tutsplus（html5/css3首發），cssgrid,fluid base grid（針對任何分辨率）。不知道這些幫助，但應該給你一個想法。我會用流體或用其中之一作爲新項目的樣板。

來源

2012-01-01 02:00:40 coletrain

Twitter Bootstrap也具有網格系統。這是基於960的一種，但你也可以修改它來推出自己的。它還有許多其他的閃亮功能（包括HTML 5和CSS 3）。

來源

2011-12-30 18:53:18 Daff

感謝您的快速回復。它看起來很厚實，有點太老實了 - 我不需要預先製作的控件，按鈕，風格化的標籤......只是想要一個乾淨的佈局系統，與HTML5語義標籤一起工作。另外，我沒有看到Bootstrap使用HTML5，更多的DIV和SPAN到處都是。任何重量更輕的？ – 2011-12-30 19:45:42

你總是可以使用CSS。不管你選擇什麼網格系統，它只是一個網格系統。 Tt完全不關心你是否將它應用於HTML 5元素或div。 – Daff 2011-12-30 20:15:34

確定它確實很重要，如果CSS樣式被設計用於特定類和id容器，它們是爲已經具有某些屬性的元素設計的。我仍然是HTML5的noob，但是'HEADER'或'ASIDE'容器與'DIV'或'SPAN'不同，樣式類可能會產生不同的/不可預知的結果，對吧？ – 2011-12-30 20:32:37

UI設計：流行的網站佈局網格系統> 960

回答

相關問題