有哪些精緻的 CSS UI 框架?

12-07

只有 Bootstrap 就太單調啦，試試 Bootstrap + Bootswatch 吧，給 Bootstrap 添加了不少主題，豐富多彩多了。
http://bootswatch.com/

為什麼沒人說Semantic UI呢
最早接觸CSS框架不可免俗的也是bootstrap。後來一方面是因為用的人太多，對於樣式有審美疲勞了，另一方面也是不喜歡冗長的類名，一直在尋找更優雅的解決方案，直到發現了semanticUI。

semanticUI的理念是通過父級關係來識別對應的類名樣式，比如title作為menu的子元素和作為list的子元素，會呈現不同的樣式，我覺得這才更接近語義化。如果你熟悉bootstrap的話，學習semanticUI幾乎沒有成本，但是可以有一個更漂亮的HTML文件結構，非常值得一試。

現在我也用這樣的方式配合less/sass來寫樣式文件，不僅可以很容易的提取公共樣式，而且再也不用為給DOM起類名操心了，基本上十幾個常用詞就足夠了。

除了Bootstrap，

來自知名設計公司Zurb的Foundation，要注意這個框架是使用Sass+Compass的，需要ruby運行環境，面對的用戶以需要深度定製的高端企業為主：
http://foundation.zurb.com/

來自創業團隊的Semantic-UI，和Bootstrap一樣基於LESS，但比起Bootstrap亂七八糟的類名，Semantic-UI強調語義化的類名，並且在樣式組合和衝突處理上做的比較優雅，個人用戶值得一試：
http://semantic-ui.com/

Bulma: a modern CSS framework based on Flexbox也相當不錯的.

我收藏了一些分享：
http://cferdinandi.github.io/kraken/index.html#get-started
http://cardinalcss.com/
http://getuikit.com/index.html
http://www.ez-css.org/

聽說Pure不錯短小精悍。
http://purecss.io

twitter Bootstrap
http://twitter.github.com/bootstrap/

http://purecss.io/
NEC : 更好的CSS樣式解決方案
KISSY - A Powerful JavaScript Framework
http://typo.sofi.sh/
F.I.S -前端工具框架
Spirit - 騰訊移動Web整體解決方案

試試Introduction吧，這個class定義上覺得更自然，我現在使用的是這個，改動起來感覺很方便，有less方式也有css的，方便

居然不知道用 github 的 awesome 系列解決問題……

sotayamashita/awesome-css

Milligram - A minimalist CSS framework.

特點就是小（2kb）

但是還是挺精緻的

diquick: http://diquick.com

Materialize 基於Material
https://www.muicss.com/ 還有個MUI

媽蛋都成推薦會了我自薦個吧zhilizhili-ui 自己一直在用一直維護

其實我自己寫過一個
但是其實沒寫完並且實現方法比較奇怪
目前有兩個網站在用（其中一個是我的

好像問題有些偏了...

精緻的兩個屬性：一漂亮；二使用人少；

蘋果剛出來的時候，夠精緻、夠驚艷的吧！

現在蘋果8剛出來，你還會說驚艷嗎？你還有心情說蘋果8精緻嗎？

老實講，蘋果8還是很精緻的！但是，使用的人太多了！學她的國內廠商太多了，所以，我們感覺上她不夠精緻了！

不精緻的原因：審美疲勞

Bootstrap不夠精緻？Pure不夠精緻？weui不夠精緻？

不夠精緻的原因是：我們的審美疲勞！

CSS 框架是工具

兼容性、使用的廣泛性是其優點，是其第一屬性。

好不好看，這不是CSS框架需要解決的。

是我們，是我們前端設計需要解決的！

如果精緻起來？

設計網站，而不要僅僅的實現網站。

模仿讓你驚艷的網站或APP。

http://goratchet.com 同是Twitter出品的，就是功能還是有點少

ui kit

Ionic: http://www.ionicframework.com

上手比較快的窩覺得就是bootstrap了。

http://www.h-ui.net 看評價。

沒說清楚啊，要是移動端的話個人很推薦微信的weui和淘寶的msui以及qq的ui，如果是自適應的話，Amazeui和aliceui都還不錯了，講真bootstrap就別推薦了，感覺爛大街的好幾年前風格，和精緻沒什麼關係，剛上面的幾個UI要是找不到可以看看這個推薦幾個精緻的webui框架，上面介紹和地址都有。