提起web开发，大多数人通常会想到HTML或者JavaScript，但经常会遗记一项，对拜访网络能力有着十分深远影响的技术，它就是css。css是任何网页中最重要的，依据维基百科的记录，它甚至能够被称为万维网三大根底技术之一，但它也最容易被人忘记的局部之一。

本文将与你探讨9款风行的、功能强大且开源的框架，让你的css开发得以轻松构建粗劣的网络前端。

1、Bootstrap

  Bootstrap无疑是最受欢迎的css框架，它是最早的web前端框架之一。由Twitter开发，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具备许多实用于企业级应用程序的高级组件，比方条形图，图表，模式和布局等等。

  PatternFly的GitHub页面列出了超过1,050份提交和44个贡献者。PatternFly失去了很多关注，也十分欢送你来为我的项目提供帮忙。

3、Material Components for the web

  凭借十分胜利的Android平台，Google以MaterialDesign的概念设定了本人的规范设计准则。MaterialDesign规范趋向于在所有Google产品中都失去体现，并且在MIT许可下，它也能够开源并且提供给一般公众应用。

  MaterialDesign有许多组件，被称为“用于创立用户界面的交互式构建组块”。这些按钮，卡片，背景等，能够在网站或挪动应用程序中，创立任何类型的用户界面。

  保护人员为不同的平台提供详尽的文档。

  这里还有分步教程，其中蕴含用于实现不同指标的练习。

  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的文档非常全面并且十分易于学习，其组件页包含了按钮、卡片、导航等。

  Materialize在MIT认证下实现了开源，它在Github页面的提交曾经超过了3800条，并且领有250位贡献者。

9、Bootflat

  Bootflat是一款从Twitter的bootstrap中衍生的一种css开源框架。与Bootstrap相比，Bootflat要更加简略，也领有更加轻量的框架组件。

  Bootflat的文档简直仿佛受到了IKEA的启发——它展现了每一个组件的图像而并非文字。

  Bootflat通过了MIT的执行许可，其在Github页面撰写的文本，也领有159条提交和8位贡献者，

写在最初

  抉择css开源框架的办法有很多种，取决于你对它的需要——性能是否丰盛、操作是否简洁。就像所有的技术决策那样，对于所有人来说，没有惟一正确的答案，只有在发给定的工夫和我的项目中绝对正确的抉择。

  尝试着应用他们一段时间，而后看看哪一种才是你在当前的我的项目中真正须要的。也欢送你在评论区与我分享反馈意见，咱们下期再见！

结尾

本期就分享到这里，我是小编南风吹，专一分享好玩乏味、离奇、实用的开源我的项目及开发者工具、学习资源！
心愿能与大家独特学习交换,欢送关注我的公众号【Github导航站】。

往期举荐

3000多人拜访一个html文件，多少宽带才足够撑持

程序员接私活必备后盾框架，不必反复造轮子，网友：太好用了！

还在从头到尾撸我的项目？这6个SpringBoot我的项目用好了，事倍功半！

厉害了,这款程序员代码补全工具，让你的编程效率飞起来！

「00后缩写黑话翻译器」登上GitHub热榜，中年网民终于能看懂年轻人的awsl

太酷了！这款开源安卓投屏软件，让你工作游戏两不误！