Linux中国TB9 个用于前端 Web 开发的开源 CSS 框架

本文插图
探索开源 CSS 框架，找到适合你的项目的框架。
当大多数人想到 Web 开发时，通常会想到 HTML 或 JavaScript 。他们通常会忘记对网站的欣赏能力有更大影响的技术：级联样式表 (cascading style sheets)（简称 CSS）。据维基百科的说法， CSS 既是网页中最重要的部分，也是最常被遗忘的部分，尽管它是万维网的三大基石技术之一。
本文将探讨九种流行的、强大的、开源的框架，是这些框架让构建漂亮的网站前端的 CSS 开发变得简单明了。

本文插图
Bootstrap
Bootstrap 无疑是最流行的 CSS 框架，它是所有前端 Web 设计的开端。 Bootstrap 由 Twitter 开发，提供了可用性、功能性和可扩展性。

本文插图
Bootstrap homepage
Bootstrap 还提供了大量的例子来帮助你入门。

本文插图
Bootstrap examples
使用 Bootstrap ，你可以将不同的组件和布局拼接在一起，创造出有趣的页面设计。它还提供了大量详细的文档。

本文插图
Bootstrap documentation
Bootstrap 的 GitHub 仓库有超过 19000 个提交和 1100 个贡献者。它基于 MIT 许可证，所以（和这个列表中的所有框架一样）你也可以加入并贡献。

本文插图
Bootstrap GitHub
PatternFly
PatternFly 是由 Red Hat 开发的一个开源的（MIT 许可证）CSS 框架。 PatternFly 采取了与 Bootstrap 不同的方法：Bootstrap 是为任何对创建一个漂亮网站感兴趣的人而设计的，而 PatternFly 主要针对企业级应用开发者，它提供的组件，如条形图、图表和导航，对于创建强大的、指标驱动的仪表盘非常有吸引力。事实上， Red Hat 在其产品（如 OpenShift）的设计中也使用了这个 CSS 框架。

本文插图
PatternFly homepage
除了静态 HTML 之外， PatternFly 还支持 ReactJS 框架， ReactJS 是 Facebook 开发的一个流行的 JavaScript 框架。

本文插图
PatternFly ReactJS support
PatternFly 有许多高级组件，如条形图、图表、模态窗口和布局等，适用于企业级应用。

本文插图
PatternFly chart component
PatternFly 的 GitHub 页面列出了超过 1050 个提交和 44 个贡献者。 PatternFly 得到了很多人的关注，欢迎大家踊跃贡献。

本文插图
PatternFly GitHub
MDC Web
凭借其大获成功的安卓平台，谷歌以一个名为 Material Design 的概念制定了自己的标准设计准则。 Material Design 标准旨在体现在所有谷歌的产品中，这些标准也可以面向大众，并且在 MIT 许可证下开源。

Linux中国TB9 个用于前端 Web 开发的开源 CSS 框架 | Linux 中国