2015 年开源前端框架盘点 TOP 20
2015年已经过去了,作为一个前端开发者,我觉得有必要把过去一年帮助过我或朋友们的优秀开源前端框架做个盘点,希望这些项目能够越来越好,帮助到更多的前端开发者们。
此榜单根据github上star数作为排名依据,一个人力量有限,如果收集有遗漏欢迎补充。
1、名称:Bootstrap
类别/语言:HTML、CSS、JavaScript
创建者: Twitter
人气:在Github上有91007 stars
描述:主流框架中毋庸置疑的老大,Bootstrap 是基于 HTML、CSS、JavaScript 的,它简洁灵活,使得 Web 开发更加快捷。
核心概念/原则: RWD 和移动优先制。
浏览器支持: Firefox, Chrome, Safari, IE8+ (你需要 Respond.js for IE8)
响应式: Yes
模块化: Yes
Github地址:https://github.com/twbs/bootstrap
2、名称:html5-boilerplate
类别/语言:HTML、CSS、JavaScript
创建者:Paul Irish
人气:在Github上有32,349 stars
描述:HTML5 Boilerplate 帮你构建 快速, 健壮, 并且 适应力强 的web app或网站。
核心概念/原则:响应式
浏览器支持:Firefox, Chrome, Safari, IE8+,Edge,Opera
预处理器:None
响应式:Yes
模块化:Yes
官网地址:https://html5boilerplate.com/
Github地址:https://github.com/h5bp/html5-boilerplate
3、名称:Meteor
类别/语言:HTML、CSS、JavaScript
创建者:immir
人气:在Github上有31,092 stars
描述:Meteor是新一代的开发即时web应用的开源框架,它能帮助你在最少的时间内完成开发。
核心概念/原则:响应式
预处理器: Less
响应式: Yes
模块化: Yes
Github地址:https://github.com/meteor/meteor/
4、名称:Semantic UI
类别/语言:HTML、CSS、JavaScript
创建者: Jack Lukic
人气: 在Github上有22,325 stars
描述: “基于自然语言有效原则的UI组件框架”
核心概念/原则: 语义,标签的矛盾性、响应式
浏览器支持:Firefox, Chrome, Safari, IE10+ (IE9 with browser prefix only), Android 4, Blackberry 10。
预处理器: Less
响应式: Yes
模块化: Yes
Github地址:https://github.com/Semantic-Org/Semantic-UI
5、名称:Foundation
类别/语言:HTML、CSS、JavaScript
创建者: ZURB
人气: 在Github上有22,206+ stars
描述: “世界上最优秀的响应式前端框架”
核心概念/原则: RWD 、手机优先、语义的
浏览器支持: Chrome, Firefox, Safari, IE9+; iOS, Android, Windows Phone 7+
预处理器: Sass
响应式: Yes
模块化: Yes
官网地址:http://foundation.zurb.com/
Github地址:https://github.com/zurb/foundation-sites
6、名称:Materialize
类别/语言:CSS
创建者:Google
人气:在Github上有15,288stars
描述:Materialize是一个个基于材料设计的一个现代化的响应式前端框架。他们做了最繁重的工作,为您提供默认的样式,结合了您的自定义组件。此外,他们还改进动画和过渡,为开发人员提供流畅的体验。
核心概念/原则:响应式
预处理器:Sass
响应式:Yes
模块化:Yes
官网地址:http://materializecss.com
Github地址:https://github.com/Dogfalo/materialize
浏览器支持:Chrome 35+, Firefox 31+, Safari 7+, IE 10+
7、名称:Pure
类别/语言:CSS
创建者: Yahoo
人气: 在Github上有13,161 stars
描述: “您可以在每一个web项目中使用的一组小的和响应式的CSS模块”
核心概念/原则:SMACSS,极简的.
浏览器支持:Firefox的最新版本, Chrome, Safari; IE7+; iOS 6.x, 7.x; Android 4.x
预处理器: None
响应式: Yes
模块化: Yes
官网地址:http://purecss.io/
Github地址:https://github.com/yahoo/pure
8、名称:Vue
类别/语言:CSS、JavaScript
创建者:尤雨溪
人气:在Github上有12,214 stars
描述:Vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统,具有简单、灵活的 API。
核心概念/原则:响应式
浏览器支持:Firefox, Chrome, Safari, IE10+,Android 4.2+,iOS 7+
预处理器:None
响应式:Yes
模块化:Yes
官网地址:http://vuejs.org/
Github地址:https://github.com/vuejs/vue
9、名称:Skeleton
类别/语言:CSS、JavaScript
创建者:Dave Gamache
人气:在Github上有10,622stars
描述:Skeleton 是一个小的 JS 和 CSS 文件的集合,可帮你快速开发漂亮的网站,适合各种屏幕设备包括手机。Skeleton 基于 960 grid 开发。它是一个 UI 框架。
核心概念/原则:响应式
浏览器支持:Firefox, Chrome, Safari, IE10+,Opera
预处理器:None
响应式:Yes
模块化:Yes
官网地址:http://www.getskeleton.com
Github地址:https://github.com/dhg/Skeleton
10.名称: Amaze UI
类别/语言:HTML、CSS、JavaScript
创建者:云适配
最后更新时间:2015年12月
人气:在Github上有6425 stars
描述:国内首个开源HTML5跨屏前端框架,中文排版支持更优、本土化组件丰富。
并在2015年11月推出基于 React.js 的专属移动端 Web 组件库Amaze UI touch。
核心概念/原则:组件化、移动优先、轻量级、高性能。
浏览器支持: Firefox, Chrome, Safari, IE8+
响应式: Yes
模块化: Yes
官网地址:http://amazeui.org/
Github地址:https://github.com/amazeui/amazeui
11、名称:UIkit
类别/语言:HTML、CSS、JavaScript
创建者: YOOtheme
人气: 在Github上有6,050+ stars
描述: “一个轻量级的和模块化的前端框架,用于快速开发和功能强大的web接口。”
核心概念/原则:RWD, 手机优先.
预处理器: Less, Sass
响应式: Yes
模块化: Yes
官网地址:http://getuikit.com/
Github地址:https://github.com/uikit/uikit
浏览器支持: Chrome, Firefox, Safari, IE9+
12、名称:Yui
类别/语言:CSS、JavaScript
创建者:Yahoo
人气:在Github上有3,200+ stars
描述:Yahoo! UI Library (YUI) 是一个开放源代码的 JavaScript 函数库,为了能建立一个高互动的网页,它采用了AJAX, DHTML 和 DOM 等程式码技术。它也包含了许多 CSS 资源。使用授权为 BSD许可证
核心概念/原则:响应式
预处理器: None
响应式:Yes
模块化:Yes
Github地址:https://github.com/yui/yui3
浏览器支持:Firefox, Chrome, Safari, IE10+,Opera
13.名称:kissy
类别/语言: JavaScript
创建者:淘宝前端
最后更新时间:2015年7月
人气:在Github上有2035 stars
描述:KISSY 是一款跨终端、模块化、高性能、使用简单的 JavaScript 框架。
框架大小: 37 KB
核心概念/原则: 模块化,跨终端,高扩展性
模块化: Yes
Github地址:https://github.com/kissyteam/kissy/
14.名称:MUI
类别/语言: HTML、CSS、JavaScript
创建者:Dclould
最后更新时间:2016年1月
人气:在Github上有2012 stars
描述:MUI-最接近原生App体验的前端框架框架。
核心概念/原则: 多端发布、高性能
响应式: NO
模块化: Yes
官网地址:http://dev.dcloud.net.cn/mui/
Github地址:https://github.com/dcloudio/mui
15.名称:Arale
类别/语言: JavaScript
创建者:支付宝前端
最后更新时间:2015年7月
人气:在Github上有1252 stars
描述:Arale 是一个开放、简单、易用的前端基础类库。
框架大小:未知
核心概念/原则: 开放、简单、易用
浏览器支持:Firefox, Chrome, Safari, IE6+
响应式: Yes
模块化: Yes
官网地址:http://aralejs.org/
Github地址:https://github.com/aralejs/aralejs.org/
16.名称:JX
类别/语言:Javascript
创建者:腾讯前端
最后更新时间:2015年12月
人气:在Github上有952 stars
描述:JX 是模块化的非侵入式Web前端框架,特别适合构建和组织大规模、工业级的Web App。
框架大小: 未知
核心概念/原则: 保持最优执行效率
浏览器支持: 兼容主流浏览器
模块化: Yes
官网地址:http://alloyteam.github.io/JX/
Github地址:https://github.com/AlloyTeam/JX
17.名称:GMU
类别/语言:HTML、CSS、JavaScript
创建者:百度前端
最后更新时间:2015年12月
人气:在Github上有940stars
描述:GMU是基于zepto的mobile UI组件库,提供webapp、pad端简单易用的UI组件! Web App。
核心概念/原则: 简单易用、轻量级
模块化: Yes
Github地址:https://github.com/fex-team/GMU
18.名称:ZUI
类别/语言: HTML、CSS、JavaScript
创建者:蝉道
最后更新时间:2015年7月
人气:在Github上有616 stars
描述:开源HTML5前端框架
核心概念/原则:简单易用、轻量级、易于定制
浏览器支持:未知
官网地址:http://zui.sexy/
Github地址:https://github.com/easysoft/zui
19.名称:Clouda Touch.js
类别/语言:JavaScript
创建者:百度云
人气:在Github上有387 stars
描述:Touch.js是移动设备上的手势识别与事件库,也是在百度内部广泛使用的开发。
核心概念/原则: 无入侵设计、媲美原生的交互、极简的API
模块化: Yes
官网地址:http://touch.code.baidu.com/
Github地址:https://github.com/Clouda-team/touch.code.baidu.com
20.名称:Arkui
类别/语言:HTML、CSS、JavaScript
创建者:豆瓣
人气:在Github上有129 stars
模块化: Yes
Github地址:https://github.com/mockee/arkui
====================================分割线================================
文章转载自 开源中国社区[http://www.oschina.net]
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
Swift 现可使用 Checkmarx 检查代码出错
自从2014年在苹果的WWDC上发布后,Swift 引起了许多人的注意,至今也已拥有不少使用者。谷歌甚至有在考虑将 Swift 列入安卓的“第一类”语言中。Facebook 和 Uber 也在探索一条 Swift 更便捷的使用路径。而像 IBM、Lyft、Firefox、LinkedIn 等也将 Swift 采纳到了自己的项目当中。 随着 Swift 的开源,毫无疑问,它得到了更快速的普及和发展。但同时,在应用程序中包含的敏感的个人数据的增加,它也十分迫切的需要去确保所有的项目的正确性、安全性等问题。 Checkmarx 最近刚刚宣布了对 Swift 语言的支持,提供给编写人员在 Swift 项目发布前的识别及降低安全隐患、减少错误等功能。 具体功能如下: 1、在上线前识别、降低项目可能存在的安全、质量和逻辑性方面问题,防止漏洞; 2、防止高级别安全威胁,包括 SQLI、反映了XSS、存储型XSS储存溢出及其他; 3、减轻敏感数据泄露的风险,以及其他恶意的篡改。 文章转载自 开源中国社区[http://www.oschina.net]
- 下一篇
编写代码。改变世界!” WWDC 宣传标语大盘点
2014年苹果全球开发者大会 WWDC 将于下周一举行,目前 WWDC 14的宣传横幅已经在 Moscone 中心挂起,今年的宣传标语是“编写代码。改变世界。(Write the Code. Change the World.)”当然,这句口号很像是 HBO 新剧《硅谷》中的台词。下面是最近几年苹果 WWDC 的宣传标语盘点。 “创新引领创新(Innovation leads to innovation)” 这是2005年 WWDC 的宣传标语,这一年苹果 Mac 电脑切换至英特尔处理器平台。苹果还在 WWDC 上发布了 OS X 10.5,并宣布 iPod 达到了75%的市场份额。 “你来到了正确的平台!(You’ve come to the right platform)” 这句宣传语似乎用在2007年更准确一些,2006年苹果还没有发布 iPhone。这是2006年 WWDC 上宣传标语,当时有1000位工程师参加,有140场活动和100个上手实验室。 “扩充你的世界(Expand your universe)” 苹果在2007年1月发布了 iPhone,所以当 WWDC 在6月...
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- Docker使用Oracle官方镜像安装(12C,18C,19C)
- CentOS7,CentOS8安装Elasticsearch6.8.6
- CentOS6,CentOS7官方镜像安装Oracle11G
- CentOS7编译安装Cmake3.16.3,解决mysql等软件编译问题
- SpringBoot2编写第一个Controller,响应你的http请求并返回结果
- CentOS8编译安装MySQL8.0.19
- SpringBoot2配置默认Tomcat设置,开启更多高级功能
- Windows10,CentOS7,CentOS8安装Nodejs环境
- Docker快速安装Oracle11G,搭建oracle11g学习环境
- CentOS8,CentOS7,CentOS6编译安装Redis5.0.7