盘点本年度九大流行前端框架

来源:互联网 发布:windows脚本入门 编辑:程序博客网 时间:2024/05/16 09:59

1、Bootstrap

几乎每个开发人员都知道来自Twitter的开发框架-bootstrap。 它可能是最老牌的前端UI框架之一,最早版本发布于2011年。 它包含了一套完成的SASS类库,可以帮助自定义UI和JS组件,方便的来开发各种导航,进度,按钮,面包屑导航等等

2、Foundation

Foundation类库已经有些年头了,最近将有一个大的版本更新,并且类库被分解成两个主要的类库: 网站开发类库和邮件开发类库

它提供了一个最小化的UI框架,可以用来开发任何布局类型,并且完全的掌控各种页面的相关组件,比如, 响应式菜单,输入框,标签页等等

它同时提供了一个可以方便的浏览UI组件的网站。 并且支持主流的web开发工具,例如,Grunt/Gulp,npm和SASS/compass等等

此外,有很多大网站在使用该框架,包括:Facebook, Mozilla, Ebay, Yahoo! 以及国家地理杂志等等。

3、Semantic UI

Semantic UI 一直在持续发展,构建更具语义的 Web 网站。其利用自然语言原则,使得代码更加具备可读性和易于理解。

这个框架拥有很多典型的特性,例如,网格,类型,颜色和输入等

它提供了自定义的主题,拥有超过3000的不同主题类型。并且提供了模拟Google,Amazon,Twitter等网站风格的主题,你也可以方便的克隆并且编辑

你可以从现成的布局中选择并且作为自己的开发模板。Semantic UI拥有很多自定义的元素,你会发现这些设计都非常的与众不同。

4、 Pure CSS

Pure CSS拥有模块化的设计。 拥有非常多的针对不同组件的小型类库,例如,表单,网格,图表,导航按钮等等

你可以自由的选择使用多少类库。基础类库使用了Normalize及其其它的简单重置CSS来创建统一的UI界面效果。但是你可以添加自定义的Grid来节约开发时间

所有的类库都可以使用工具来融合并且最小化。并且团队提供了一个简单指导来帮助创建扩展类。

5、 UIkit

UIkit 是一个易于使用和定制的简单组件集合。虽然与其竞争对手比较,受欢迎程度没那么高,但是它同样提供了相同的功能和质量。

一个功能丰富的前端类库。拥有很多的可选文件和文件夹,CSS是样式,images是图标,js是java

插入页面后,每一个js都可以关联到DOM元素和组件,这让你方便的和其它类库整合,例如,vue或者react

同时也可以使用这个类库来设置和创建UI组件。文档页面包含了很多例子帮助你常见网站.

6、Milligram

极简设计风格的类库,如果你寻找超小类库的话,它是个非常不错选择,只有压缩后2kb大小

非常简单漂亮的项目,目前版本1.3,稳定并且可以进行实际的开发。你可以使用npm,Yarn,Bower等安装,但需要Normalize,所以你需要包含这个类库

使用CSS压缩工具,可以将它合并到一起,用以节约Http请求次数

唯一不是很友好的就是文档。当然,如果你能使用好文档的话,使用Milligram将是非常简单的一件事。

7、Vital CSS

另外一个极简的UI框架,支持SASS,学习极其简单

组件页面介绍了你需要了解的全部内容。如果你需要一个超简单的CSS框架来开发新的项目的话,它绝对可以满足你的需求,如果你想深入了解,可以参考一下这篇来自Vital CSS开发团队的博客。

8、Skeleton

响应式,超轻量级并且超简单的框架。提供了开发新网站必备的基础架构

包含一些基础的样式,但是没有太炫的内容。实际上你可以快速简单的修改框架来满足自己的需求

Skeleton是最稳定并且小型的框架。这里有个演示页面。

9、Materialize

Google的material design已经成为了他们产品的标准。慢慢的影响了web设计世界,例如Materialize

这个免费的开源框架将material设计带到了下一个层次,最简单的方式来创建纯material风格的页面,无需自己编码

——————————————————————————————

数安时代(GDCA)致力于网络信息安全,已通过WebTrust 的国际认证,是全球可信任的证书签发机构。GDCA专业技术团队将根据用户具体情况为其提供最优的产品选择建议,并针对不同的应用或服务器要求提供专业对应的HTTPS解决方案。GDCA一直以“构建网络信任体系,服务现代数字生活”的宗旨,致力于提供全球化的数字证书认证服务。其自主品牌——信鉴易 TrustAUTH SSL证书:包括 OVSSL、EVSSL、代码签名证书等。为涉足互联网的企业打造更安全的生态环境,建立更具公信力的企业网站形象。

原创粉丝点击