原文連結：https://opensource.com/article/20/4/open-source-css-frameworks

如有翻譯不準確，請多指正。

提起web開發，大多數人通常會想到HTML或者JavaScript，但常常會忘記一項，對訪問網路能力有著非常深遠影響的技術，它就是css。css是任何網頁中最重要的，根據維基百科的記錄，它甚至可以被稱為全球資訊網三大基礎技術之一，但它也最容易被人遺忘的部分之一。

本文將與你探討9款流行的、功能強大且開源的框架，讓你的css開發得以輕鬆構建精緻的網路前端。

1、Bootstrap

Bootstrap也提供了大量的例子來幫助你入門。

透過bootstrap，你可以將不同的元件和佈局聯絡起來，來創造一個有趣的頁面設計，它也提供了大量詳細的文件。

Bootstrap的Github儲存庫中，已經擁有超過19000的提交和1100個貢獻者。基於MIT執照，你也可以加入它們做出屬於自己的貢獻。（與文中所有的框架一樣）。

2、PatternFly

PatternFly是RedHat的開源CSS框架（根據MIT許可）。與Bootstrap相比，PatternFly採用了不同的方式：Bootstrap專為那些建立好看的網站感興趣的人而設計，而PatternFly主要專注於企業應用程式開發人員，並且提供了諸如條形圖，圖表和導航之類的元件，用於建立功能強大，指標驅動的儀表板。實際上，RedHat使用此CSS框架來進行產品設計，例如OpenShift。

除了靜態HTML，PatternFly還支援ReactJS框架，這是Facebook開發的流行JavaScript框架。

PatternFly具有許多適用於企業級應用程式的高階元件，比如條形圖，圖表，模式和佈局等等。

3、Material Components for the web

憑藉非常成功的Android平臺，Google以MaterialDesign的概念設定了自己的標準設計準則。MaterialDesign標準趨向於在所有Google產品中都得到體現，並且在MIT許可下，它也可以開源並且提供給普通公眾使用。

維護人員為不同的平臺提供詳盡的文件。

這裡還有分步教程，其中包含用於實現不同目標的練習。

MaterialComponents GitHub頁面包含了用於不同平臺的儲存庫，包括用於網站Web開發的MaterialComponents（MDCWeb）。MDCWeb擁有5700多個提交和349個貢獻者。

4、Pure

Bootstrap,Patternfly, 和MDCWeb都是功能非常強大的css框架，但它們的缺點也在於實在有些複雜繁瑣。如果你想要一款輕量級的css框架——更接近於編碼CSS本身，但又可以幫助你構建一個精緻的網頁，不妨嘗試使用Pure.css。Pure是具有最小佔用空間的輕量級CSS框架。它由Yahoo開發，通過了BSD許可並且是開源的。

儘管體量很小，但Pure提供了許多必需的元件，足以搭建一個精緻的網頁。

如今，Pure在Github上已有565條提交以及59位貢獻者。

5、Foundation

Foundation聲稱自己是世界上最高階的響應式前端框架，它為建設一個專業的網站提供了高階的功能和教程。

Foundation擁有大量可獲得的檔案，並且已經被許多企業、組織，甚至政客們使用。

在Github上，Foundation的頁面擁有近17000的提交以及1000名貢獻者。就像文中其他框架一樣，Foundation同樣擁有MIT的執行許可。

6、Bulma

Bulma是一款基於Flexbox的開源框架，並且擁有了MIT的執行許可。Bluma是一款十分輕量的框架，並且僅僅需要一個CSS檔案。

Bulma擁有條理清晰的文件，並且可以讓你很容易地選擇你喜歡的主題進行探索。與此同時，Bulma也擁有許多web元件供你選擇，並運用在設計中。

在Github上，Bulma頁面擁有超過1400條提交以及300名貢獻者。

7、Skeleton

如果Pure讓你感到過於繁瑣的話，那麼更加輕量的框架Skeleton倒是一個不錯的選擇。Skeleton的資料庫只有400行，框架也僅僅提供了一些基礎的元件供你開啟CSS框架之旅。

儘管Skeleton十分簡潔，但它提供了詳盡的文件，可以幫你立刻上手。

Skeleton在Github上擁有167條提交以及22位貢獻者。但是，它並不是最活躍的專案，上一次的更新是在2014年，所以在使用之前需要更多的維護。它獲得了MIT的許可，這也意味著你可以自由的對其進行操作。

8、Materialize

Materialize是一款基於GoogleMaterial Design 的響應式前端框架，其中包含了Materialize的貢獻者開發的其他主題和元件。

Materialize在MIT認證下實現了開源，它在Github頁面的提交已經超過了3800條，並且擁有250位貢獻者。

9、Bootflat

Bootflat是一款從Twitter的bootstrap中衍生的一種css開源框架。與Bootstrap相比，Bootflat要更加簡單，也擁有更加輕量的框架元件。

Bootflat的文件幾乎似乎受到了IKEA的啟發——它展示了每一個元件的影象而並非文字。

Bootflat通過了MIT的執行許可，其在Github頁面撰寫的文字，也擁有159條提交和8位貢獻者，

寫在最後

選擇css開源框架的方法有很多種，取決於你對它的需求——功能是否豐富、操作是否簡潔。就像所有的技術決策那樣，對於所有人來說，沒有唯一正確的答案，只有在發給定的時間和專案中相對正確的選擇。