Web前端开发常用9个开源框架

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

Web前端开发常用9个开源框架

现在将与您分享9个受欢迎、强大的前端开源框架，帮助您轻松构建漂亮的网站前端。

01、Bootstrap
Bootstrap无疑是最流行的CSS框架，它是最早的Web前端框架，由Twitter开发。Bootstrap还提供了许多示例来帮助你入门。

使用Bootstrap，你可以将不同的组件和布局组合在一起，从而创建有趣的页面设计。它还提供了大量详细的文档。目前在Github上已经有1100多个贡献者，19000多个提交。

02、PatternFly
PatternFly是RedHat的开源CSS框架，和Bootstrap不同的是，Bootstrap是为那些想要创建漂亮网站的人而设计的，而PatternFly主要专注于企业应用程序开发人员，提供诸如条形图、图表、导航之类的组件，实际上RedHat就是使用它创建了OpenShift。

除了静态HTML，PatternFly还支持ReactJS框架，这是Facebook开发的流行JavaScript框架。PatternFly具有许多适用于企业级应用程序的高级组件，如条形图，图表，模式和布局。

PatternFly在GitHub上一共有1,050多个提交和44个贡献者。

3、MaterialComponentsfortheweb
MaterialComponentsfortheweb(MDCWeb)，是谷歌专为Web设计的全新前端框架。MDCWeb可帮助开发人员执行MaterialDesign，组件由谷歌的核心工程师团队和UX设计人员开发。

这些组件可以建立可靠的开发工作流程，以构建美观且功能强大的Web项目。

MDCWeb在Github上共有5700多个提交和349个贡献者。

04、Pure
Bootstrap，Patternfly和MDCWeb是功能非常强大的CSS框架，但它们可能非常繁琐和复杂。如果你想要一个轻量级的CSS框架，可以尝试Pure.css，它本身更接近于CSS编程，但又可以帮助你构建一个不错的网页。

Pure是具有最小占用空间的轻量级CSS框架，它由Yahoo开发，根据BSD许可是开源的。

Pure在Github上共有565多个提交和59个贡献者。

05、Foundation
Foundation声称是世界上最先进的响应式前端框架。它提供了用于构建专业网站的高级功能和教程。许多公司，组织都使用该框架，并且该框架具有大量可用的文档。

Foundation在Github上有将近17000个提交和1000个贡献者。

06、Bulma
Bulma是一个基于Flexbox的开源框架，可根据MIT许可证开源。Bulma是一个非常轻量级的框架，因为它只需要一个CSS文件。Bulma拥有简洁明了的文档，可轻松选择你想要的主题。

它还具有许多Web组件，你可以在设计中使用它们。

Bulma在Github上有1400多个提交和300个贡献者。

07、Skeleton
如果说还有什么框架比Pure更加轻量级，那一定是Skeleton。Skeleton库只有大约400行，并且该框架仅提供一些基本的CSS框架组件。尽管如此，Skeleton还是提供了详细的文档来帮助你快速上手。

Skeleton在Github上共有167个提交和22个贡献者，但它不是最活跃的项目，它最新一次的更新是在2014年。

08、Materialize
Materialize是一个基于MaterialDesign风格的一个现代化的响应式前端框架，解决了最繁重的工作，结合你的自定义组件，为你提供默认的样式。Materialize的文档页面非常全面，并且很容易遵循。其组件页面包括按钮，卡片，导航等。

Materialize在Github上共有3800多个提交和250个贡献者。

09、Bootflat
Bootflat是从Twitter的Bootstrap派生的开源CSS框架。与Bootstrap相比，Bootflat更简单，并且更加轻量级。Bootflat的文档似乎几乎受到了IKEA的启发，大部分都是图像，没有太多的文字。

Bootflat是在MIT许可证下开源的，在Github上有159个提交和8个贡献者。

Web前端学习资料免费零

Web前端开发常用9个开源框架相关推荐

web前端开发常用的10个高端CSS UI开源框架
随着人们对体验的极致追求,web页面设计也面临着新的挑战,不仅需要更人性化的设计理念,还需要设计出更酷炫的页面.作为web前端开发人员,运用开源资源,更快更好地实现一些现代化的界面,是必备技能之一.下 ...
Web前端开发常用的开发工具
Web的发展日新月异,这也使得Web开发者不得不加快脚步,学习新的技术和编程语言.尤其是对于那些大量流量入口的网站来说,跟上技术发展趋势更是尤为重要.为了使得Web开发人员能够更加专注于业务层面的开发 ...
web前端开发常用浏览器介绍及运行配置
1.web前端开发常用浏览器介绍浏览器是用来检索展示以及传递web信息的应用程序,市面上比较常见的浏览器有IE浏览器.火狐浏览器.谷歌浏览器.Safari浏览器和欧朋浏览器等,其中IE.火狐和谷歌是 ...
Web前端开发常用的十款开发工具汇总
今天小编要跟大家分享关于Web前端开发常用的十款开发工具汇总 1.Glitch https://glitch.com 好的,这不仅仅是一个工具,还是一个非常棒的编码平台以及一个很棒的技术社区.我可以在 ...
分享Web前端开发常用的6种编程语言及其优势！
Web前端是互联网时代软件产品研发中不可缺少的一种专业研发角色.从狭义上讲,Web前端工程师使用HTML.CSS.Java等专业技能和工具将产品UI设计稿实现成网站产品,涵盖用户PC端.移动端网页,处 ...
Web前端开发常用必备工具（一）
一个称手的工具可谓是事半功倍,对程序员来说,更是离不开各种各样的实用小工具,你现在的工具用的还称手吗?你还在为没有好用的工具而发愁吗? 蓉妹儿在这里给你分享一些Web前端开发的常用必备工具,还没安装的 ...
html5默认加载s文件夹,『总结』web前端开发常用代码整理
IE条件注释条件注释简介 IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法. 条件注释只能用于IE5以上,IE1 ...
web前端开发常用的优化技巧汇总
减少HTTP请求的次数或者减少请求数据的大小页面中每发一次HTTP请求,都需要完成请求+响应这个完整的HTTP事务,会消耗一些时间,也有可能导致HTTP链接通道的堵塞,为了提高页面的加载速度和运行的 ...
Web前端开发常用英文
(一)网页内容类标题: title 摘要: summary 箭头: arrow 商标: label 网站标志: logo 转角/圆角: corner 横幅广告: banner 子菜单: subMen ...
web前端开发常用又好用的几个软件
1.sublime text3 编辑器快捷键 + zen coding 能让你如鱼得水.当然,下面这张截图我是用了 Material Theme + Monokai 的主题,还有很多效果没展示出来, ...

Web前端开发常用9个开源框架

Web前端开发常用9个开源框架相关推荐

最新文章

热门文章