【原】Web前端开发的9个开源框架

　　当人们想到Web开发的时候，他们常常想到HTML或JavaScript，而常常忽略CSS，据Wikipedia称，CSS不仅是网页上最重要也是最容易被遗忘的部分之一，尽管它是万维网的三大基本技术之一。

　　现在将与您分享9个流行的、强大前端开源框架，帮助您轻松建立一个漂亮的网站前端。

　　1、Bootstrap

　　Bootstrap毫无疑问是最流行的CSS框架，是第一个由Twitter开发的Web前端框架。Bootstrap也提供了很多例子来帮助你开始。

　　利用Bootstrap，您可以结合不同的组件和布局来创建有趣的页面设计。其中也有大量的详细文件。现在Github上有超过1100个投稿，超过19000个投稿。(https://github、com/twbs/bootstrap)。

　　2、PatternFly

　　PatternFly是RedHat的开放源码CSS框架，与Bootstrap不一样，Bootstrap是为那些想要创造漂亮网站的人们设计的，PatternFly主要关注于提供条形图、图表、导航等组件的企业级应用开发者，事实上RedHat正是用它来创建OpenShift。

　　除静态HTML外，PatternFly还支持ReactJS框架，一种Facebook开发的流行JavaScript框架。PatternFly提供了很多高级组件，例如条形图、图表、模式和布局，用于企业级应用程序。

　　PatternFly在GitHub上总共有超过1、050份提交和44份投稿。(网址：https://github、com/patternfly/patternfly)

　　3、Material Components for the Web

　　MDCWeb,MaterialComponentsfortheweb，是谷歌专门为Web设计的全新前端框架。MDCWeb可以帮助开发者实现MaterialDesign，由谷歌核心工程师团队和UX设计者共同开发。它们可以建立一个可靠的开发流程，从而构建漂亮和强大的Web项目。

　　MDCWeb在Github上有5700多份提交和349份投稿。(Github地址：https://github、com/material-components/material-components-web)

　　4、Pure

　　Patternfly和MDCWeb是功能非常强大的CSS框架，但是它们会很麻烦也很复杂。假如你想要一个轻量级的CSS框架，试试Pure、css，它本身更像CSS编程，但同时也能帮你创建一个很好的网页。Pure是一个轻量级CSS框架，拥有最少占用空间，由Yahoo开发，并且按照BSD许可证开源。

　　Pure在Github上有565份提交和59份投稿。(https://github、com/pure-css/pure)

　　5、Foundation

　　Foundation宣称是世界上最先进的应答前端框架。该软件为构建专业网站提供高级功能和指南。很多公司、企业都在使用这个框架，而且这个框架有很多文档可用。

　　Foundation有近17000份提交，Github上的1000份投稿。(网址：https://github、com/foundation/foundation-sites)

　　6、Bulma

　　Bulma是基于Flexbox的开放源码框架，根据MIT许可开源。Bulma是一种非常轻量的框架，因为它只需要CSS文件。Bulma有简洁的文档，可以很容易地选择你想要的主题。同时也有很多Web组件，您可以将其用于设计。

　　Bulma在Github上有超过1400份提交和300份投稿。(https://github、com/jgthms/bulma)

　　7、Skeleton

　　假如有哪个框架比Pure更轻，那就必须是Skeleton。Skeleton库只有400行左右，而且这个框架只提供了一些基本的CSS框架组件。不过，Skeleton提供了详细的文档，以帮助您快速上手。

　　Skeleton总共有167个提交人和22个贡献者，但是它并不是Github最近一次更新是在2014年。(https://github、com/dhg/Skeleton)

　　8、Materialize

　　Materialize是一款基于MaterialDesign风格的现代应答前端框架，用于处理最繁重的工作，并结合您的定制组件，提供您默认的样式。Materialize的文档页十分全面，易于阅读。它的组成部分页包括按钮、卡片、导航等。

　　Materialize有超过3800份提交和250份投稿。(网址：https://github、com/Dogfalo/materialize)

　　9、Bootflat

　　Bootflat是源自Twitter的Bootstrap的开源CSS框架。Bootflat比Bootstrap更简单，而且更轻量。Bootflat的文档似乎受到了IKEA的启发，他们大多是图片，没有多少文字。

　　Bootflat通过MIT许可开放源代码，159份提交和8份Github投稿。(https://github、com/bootflat/bootflat、github、io)