1. 首頁
  2. 問答
  3. HTML5/CSS3無類框架

HTML5/CSS3無類框架

2012-06-19 73 views
9

有誰知道一個簡單的HTML5/CSS3框架應用最少的格式，不需要自定義類名？理想情況下，只需要正確佈局的HTML5，並且可以用最小的靈活性定位元素，使用常見的規則，比如邊欄寬度等。HTML5/CSS3無類框架

對於HTML5，自定義類名稱的需求少得多，其中包含像header，nav或aside這樣的元素，但我還沒有看到充分利用這一點的框架。有任何想法嗎？

澄清：我已經經歷了所有常見的嫌疑人（Bootstrap，HTML％Boilerplate，Shim等），他們都沒有抓我的癢。癢是簡單的HTML5結構的簡單組合，它不會假設任何關於設計的內容，而是通過一個簡單的CSS3樣式表來定義所有的語義，並定義了實際的佈局。我可以使用幾個樣式表來設想它，其中基礎定義了元素的佈局，併爲實際設計分開了一個（s）。它將被用作各種項目的簡單起點，以後可以單獨進行定製。

很顯然，我可能需要去通過韋斯利提議的方式，寫一個自己...

來源

2012-06-19 Berislav Lopac

+0

你想不類的CSS框架？ –

+1

就我個人而言，我使用twitter引導程序，它在我看來設計得非常好，而且非常靈活http://twitter.github.com/bootstrap/ – Dale

+1

我想這可能與孩子和兄弟姐妹選擇器有關，但儘快它是一幢房子你需要改變你的HTML。 –

回答

3

這聽起來像你想要的是不是一個CSS框架，而只是一個簡單的自定義樣式表。

不要阻止你努力尋找已經存在的東西，但你最好自己寫。也許從現有的reset.css之一開始吧。沒有能力通過類名鉤住（或離開）的默認樣式不是很靈活。

你真的不應該避免類，你應該利用它們。沒有框架會知道你的HTML元素在哪裏和如何嵌套，或者它們根據標籤名稱應該是什麼樣子，這就是我們通常使用類的原因之一。

如果您密切關注新HTML5元素的語義，您會發現header並不總是意味着「您的徽標頁面頂部」，footer不僅僅是底部的元素你的整個頁面，和aside並不總是等同於「側邊欄」。

來源

2012-06-19 19:26:19

+1

你是對的，「樣式表」比「框架」更準確。 –

1

我自己沒有太多的經驗，但你可能會發現Twitter Bootstrap有幫助。它使用一個網格系統，使您可以輕鬆地在頁面上定位元素。這對於爲頁面上的側邊欄和其他常見功能創建區域可能特別有用。

但是，它與你所建議的有些相反，因爲它使用的類很多。根據我所看到的，這些課程以非常有條理的方式進行處理，因此可能接近您要找的內容。

來源

2012-06-19 19:27:42 Zhihao

+0

我在想同樣的事情。這是非常重要的，但它確實提供了很好的UI組件。 –

1

任何有興趣這個主題，我建議你閱讀articles by Heydon Pickering，誰建his blog主題，而無需使用任何類。

我也建議檢查出my project，旨在創建博客和博客類網站的一個fundamental classless HTML template（每一個網站有一個標題和作者，配頁，郵電部），並添加頂部純CSS主題的。該模板大量使用HTML5分段，頁眉和頁腳，以及在哪些部分中應該放置每個網站內容。 themes是互聯網上其他框架特定主題的端口。

有一個playground您可以根據基本模板測試各種HTML頁面上的主題（只需在框中輸入主題名稱或粘貼CSS網址）即可。還有一個bad old article我試圖想想這個主題。

來源

2015-04-03 15:19:44 fiatjaf

相關問題

 相關問題