Web前台开发必不可少的9个开源框架

作者 : 开心源码 本文共2275个字,预计阅读时间需要6分钟 发布时间: 2022-05-13 共168人阅读

大多数人想到Web开发时,通常会想到HTML或者JavaScript,往往忽略了CSS,根据Wikipedia的说法,CSS既是网页中最重要也是最常被遗忘的部分之一,虽然它是万维网的三大基础技术之一。

今天就和大家分享9个流行的、强大的前台开源框架,帮助你轻松构建漂亮的网站前台。

1、Bootstrap

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

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

2、PatternFly

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

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

PatternFly在GitHub上一共有1,050多个提交和44个贡献者。(Github地址: patternfly/patternfly)

3、Material Components for the web

Material Components for the web(MDC Web),是谷歌专为Web设计的全新前台框架。MDC Web可帮助开发人员执行Material Design,组件由谷歌的核心工程师团队和UX设计人员开发。这些组件可以建立可靠的开发工作流程,以构建美观且功能强大的Web项目。

MDC Web在Github上共有5700多个提交和349个贡献者。(Github地址: material-components/material-components-web)

4、Pure

Bootstrap,Patternfly和MDC Web是功能非常强大的CSS框架,但它们可能非常繁琐和复杂。假如你想要一个轻量级的CSS框架,可以尝试Pure.css,它本身更接近于CSS编程,但又可以帮助你构建一个不错的网页。Pure是具备最小占用空间的轻量级CSS框架,它由Yahoo开发,根据BSD许可是开源的。

Pure在Github上共有565多个提交和59个贡献者。(Github地址: pure-css/pure)

5、Foundation

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

Foundation在Github上有将近17000个提交和1000个贡献者。(Github地址: foundation/foundation-sites)

6、Bulma

Bulma是一个基于Flexbox的开源框架,可根据MIT许可证开源。Bulma是一个非常轻量级的框架,由于它只要要一个CSS文件。Bulma拥有简洁明了的文档,可轻松选择你想要的主题。它还具备许多Web组件,你可以在设计中使用它们。

Bulma在Github上有1400多个提交和300个贡献者。(Github地址: jgthms/bulma)

7、Skeleton

假如说还有什么框架比Pure更加轻量级,那肯定是Skeleton。Skeleton库只有大约400行,并且该框架仅提供少量基本的CSS框架组件。虽然如此,Skeleton还是提供了详细的文档来帮助你快速上手。

Skeleton在Github上共有167个提交和22个贡献者,但它不是最活跃的项目,它最新一次的升级是在2014年。(Github地址: dhg/Skeleton)

8、Materialize

Materialize 是一个基于 Material Design风格的一个现代化的响应式前台框架,处理了最繁重的工作,结合你的自己设置组件,为你提供默认的样式。Materialize的文档页面非常全面,并且很容易遵循。其组件页面包括按钮,卡片,导航等。

Materialize在Github上共有3800多个提交和250个贡献者。(Github地址: Dogfalo/materialize)

9、Bootflat

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

Bootflat是在MIT许可证下开源的,在Github上有159个提交和8个贡献者。(Github地址: bootflat/bootflat.github.io)

我目前是在职前台开发,假如你现在也想学习前台开发技术,在入门学习前台的过程当中有遇见任何关于学习方法,学习路线,学习效率等方面的问题,你都可以申请加入我的前台学习交流裙:前面:603 中间:985 最后:993。里面聚集了少量正在自学前台的初学者裙文件里面也有我做前台技术这段时间整理的少量前台学习手册,前台面试题,前台开发工具,PDF文档书籍教程,需要的话都可以自行来获取下载。

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » Web前台开发必不可少的9个开源框架

发表回复