CSS框架建議

當我說CSS框架時，我不是指重置或網格。我的意思是一個框架，如xCSS或csscaffold或compass。CSS框架建議

我一直在做CSS幾年，但沒有很多暴露於框架。有沒有人有與他們合作的經驗？什麼是潛在的缺點？什麼框架很受歡迎/推薦？

謝謝。

來源

2009-11-14 Jourkey

這個問題是完全不同的。它正在討論網格和重置。 – Jourkey 2009-11-14 19:10:14

並非如此 - 在上面的鏈接中引用了大量的CSS框架，並且恰好在該線程中得出的大多數答案都是重置和網格是被引用框架中最有用的部分。 – 2009-11-14 19:25:19

你也可能想給一個嘗試Universal.css，你唯一需要的CSS：https://github.com/marmelab/universal.css：P – 2016-05-20 14:08:47

我知道的最酷的CSS框架是LESS。它允許您使用類似CSS的語法添加變量，繼承，算術運算和其他酷炫功能，並且使用構建步驟或服務器插件將其「編譯」爲常規CSS。

與C到C++類似，LESS的語法向後兼容CSS，因此您可以簡單地將所有.CSS文件重命名爲.LESS，並開始添加LESS功能，而無需學習全新的語言。

如下面的評論註釋，Rails和PHP已經通過服務器插件支持LESS。還有一個ASP.NET port in Beta。還有顯然Django的支持。和ColdFusion。等等......

請注意，使用LESS（作爲一個Ruby可執行文件吐出CSS文件）可以像運行它一樣簡單，將.LESS文件作爲構建過程的一部分編譯到.CSS中。當然，構建機器必須能夠運行Ruby，除非您使用將LESS編譯器移植到該平臺的自然代碼的插件之一。

請注意，xCSS提供了與LESS相似的功能 - 雖然我沒有聽說過xCSS。 AFAIK LESS更受歡迎，但在這裏的社區其他人可以權衡，因爲人氣變化很快！

來源

2009-11-14 19:20:11

小Ruby的具體點嗎？ – 2009-11-14 19:32:33

LESS已經被移植到PHP：http://leafo.net/lessphp/docs/這是** **不是一個CSS框架，但是 - 至少不會在同樣的意義爲「藍圖」或「960」。 – ChssPly76 2009-11-14 19:43:23

是的，看起來似乎有兩個「CSS框架」的含義：那些像藍圖一樣專注於網格/重置/等等。還有其他的（LESS，xCSS等），它們的嵌套，繼承等功能更簡約，沒有更高層次的東西。第二組是否應該被稱爲「框架」是一個合理的論點。然而，他們確實稱自己的框架（至少xCSS在http://xcss.antpaw.org/），並且OP在問xCSS之類的東西，所以我遵循了他對這個術語的使用。 :-) – 2009-11-14 19:55:20

-4

CSS並不足以證明使用框架的合理性。

來源

2009-11-14 20:49:13 jfar

只有在使用框架有缺點時纔是如此。在大型項目中，像變量和選擇器繼承這樣的功能可以節省大量的開發時間，特別是考慮到維護和編輯。無論如何，這只是imo。 – Jourkey 2009-11-15 04:46:46

使用框架作爲其他人必須學習的東西還有一個巨大的缺點。如果沒有編寫原始CSS的人也必須學習框架，那麼進一步的維護會更加混亂。選擇器繼承？這只是一個功能，模仿了什麼CSS已經。 – jfar 2009-11-15 05:08:58

是的，但框架可以使繼承對開發人員更加有組織。看看這個頁面：http://xcss.antpaw.org/docs/syntax/extends。這是一個令人愉悅的功能超集。我不認爲學習框架是一件很有意義的事情，但實際上它很少。但是，你的觀點很好，但。 – Jourkey 2009-11-15 20:24:28

自從九十年代首次支持CSS以來，CSS並沒有真正改變。它已經過時，並沒有遵循自其構想以來發展起來的最佳實踐。我相信像xCSS這樣的新興框架是CSS的這些不足的結果。

考慮到這一點，令人費解的是CSS框架得到了相當多的批評。框架是一種工具！你不能真正斷言它比沒有有效的用例。開發人員如何知道這樣的事情？

我一直在使用xCSS來應用面向對象CSS的概念。這是早期的，但它看起來是一個非常有用的工具。它幫助我向不需要學習CSS的第三方展示CSS的接口。它幫助我減少重複信息，並將CSS屬性和類分組爲一種格式，以防止分佈式信息的軟件腐爛。

來源

2010-06-06 08:37:50 Rimian

如果您使用的青菜，我建議：

指南針加青菜，這是非常方便和功能強大，以幫助你加快你的前端工作流程。

這裏是指南針的網址：http://compass-style.org/

如果使用引導程序或基礎，我建議少勝績+。

來源

2013-09-20 04:16:52 joydesigner

手寫筆/ AxisCSS是我已經找到了乾淨的組合。取而代之的是，SCSS/Compass/Bourbon組合功能非常豐富。

來源

2013-09-28 01:39:46 Cory

回答

相關問題