9個最佳響應式 CSS 框架

已經 2018 年了,在飛速迭代的互聯網行業,響應式幾乎成為了個人和企業開發者的必備。在層出不窮的框架中,我們精選了 9 款擁有良好易用性,嚴格使用規範,體量適當同時兼顧美感的 CSS 框架。(不分先後)

1. Pure

9個最佳響應式 CSS 框架

Pure 非常輕量級,經過壓縮後不過 3.8KB。這是一個特別為移動端考慮的框架,為了壓縮大小,每一行代碼都經過仔細考量。當然如果你不使用框架給出的全部模塊,體量還可以更小。

主頁:https://purecss.io/

2. Skeleton

9個最佳響應式 CSS 框架

Skeleton 如其名字,非常小巧,設計簡約,麻雀雖小五臟俱全。網格系統,文本,表單,按鈕,列表,表格,媒體查詢等功能面面俱到。非常適合快速創建簡約網站的需求。

主頁:http://getskeleton.com/

3. Milligram

9個最佳響應式 CSS 框架

另一個輕量級框架,體量可以與 Skeleton 和 Pure 相比,壓縮後的預處理器僅僅 2KB 大小。Milligram 也使用了簡約設計,模塊幾乎與 Skeleton 一致。當然,毫無疑問的是它也採用了基於 Flexbox 的網格系統。

主頁:https://milligram.io/

4. Spectre

9個最佳響應式 CSS 框架

一個優雅的 CSS 框架,Flexbox 響應式,相比於 Milligram 等體量較大,但也算是輕量級(~10KB)。設計者是一位中國人喔。

主頁:https://picturepan2.github.io/spectre/

5. Siimple

9個最佳響應式 CSS 框架

一個 6KB 左右的框架,遵從扁平化,簡約的設計風格。如果你想嘗試類似於 MEB 風格的網頁設計,這個框架應該可以較好的配合整體設計風格。

主頁:https://siimple.juanes.xyz/

6. UIKit

9個最佳響應式 CSS 框架

UIKit 是功能全面的前端框架裡較為輕量級的一個,它集成了 Sass 和 LESS 預處理器。其組件完善,命名獨特,當然也可以用戶定製。

主頁:https://getuikit.com/v2/

7. Semantic UI

9個最佳響應式 CSS 框架

如其名字所述,Semantic UI 非常語義化,易於使用,同時也能很好的與其他樣式甚至框架集成。其模塊也相當豐富,包括但不限於彈窗,下拉菜單,網格系統等等。順帶一提,這個框架文檔的中文翻譯做的還算不錯。

主頁:https://semantic-ui.com/

8. Bootstrap

9個最佳響應式 CSS 框架

Bootstrap 至今仍是流行度非常高的框架,如今已經正式發佈了第四版。Flexbox,Sass,rem,這些流行趨勢 Bootstrap 都一個不落跟進到位。當然,相比於其他框架,Bootstrap 的資源(文章和教程、第三方插件和擴展、主題構建器等)一直十分豐富。

主頁:https://getbootstrap.com/

9. Foundation

9個最佳響應式 CSS 框架

Foundation 適用於網站和郵箱建設,是許多大型網站的選擇,包括 Adobe,Amazon,Ebay,三星,劍橋大學等。易於上手對新手友好是它的一大特色。語義化,移動端優先,用戶可定製模塊使用三個特點使其廣受歡迎。

主頁:https://foundation.zurb.com/


分享到:


相關文章: