摘要:核心概念原則響應(yīng)式瀏覽器支持預(yù)處理器響應(yīng)式模塊化官網(wǎng)地址地址名稱類別語言創(chuàng)建者云適配最后更新時間年月人氣在上有描述國內(nèi)首個開源跨屏前端框架,中文排版支持更優(yōu)本土化組件豐富。
2015年已經(jīng)過去了,作為一個前端開發(fā)者,我覺得有必要把過去一年幫助過我或朋友們的優(yōu)秀開源前端框架做個盤點,希望這些項目能夠越來越好,幫助到更多的前端開發(fā)者們。
此榜單根據(jù)github上star數(shù)作為排名依據(jù),一個人力量有限,如果收集有遺漏歡迎補充。
(榜單中大部分為組件式框架, react、Angular等基礎(chǔ)框架不在此篇討論)
1、名稱:Bootstrap
類別/語言:HTML、CSS、JavaScript
創(chuàng)建者: Twitter
人氣:在Github上有91007 stars
描述:主流框架中毋庸置疑的老大,Bootstrap 是基于 HTML、CSS、JavaScript 的,它簡潔靈活,使得 Web 開發(fā)更加快捷。
核心概念/原則: RWD 和移動優(yōu)先制。
瀏覽器支持: Firefox, Chrome, Safari, IE8+ (你需要 Respond.js for IE8)
響應(yīng)式: Yes
模塊化: Yes
官網(wǎng)地址:http://getbootstrap.com/
Github地址:https://github.com/twbs/bootstrap
2、名稱:html5-boilerplate
類別/語言:HTML、CSS、JavaScript
創(chuàng)建者:Paul Irish
人氣:在Github上有32,349 stars
描述:HTML5 Boilerplate 幫你構(gòu)建 快速, 健壯, 并且 適應(yīng)力強 的web app或網(wǎng)站。
核心概念/原則:響應(yīng)式
瀏覽器支持:Firefox, Chrome, Safari, IE8+,Edge,Opera
預(yù)處理器:None
響應(yīng)式:Yes
模塊化:Yes
官網(wǎng)地址:https://html5boilerplate.com/
Github地址:https://github.com/h5bp/html5-boilerplate
3、名稱:Meteor
類別/語言:HTML、CSS、JavaScript
創(chuàng)建者:immir
人氣:在Github上有31,092 stars
描述:Meteor是新一代的開發(fā)即時web應(yīng)用的開源框架,它能幫助你在最少的時間內(nèi)完成開發(fā)。
核心概念/原則:響應(yīng)式
預(yù)處理器: Less
響應(yīng)式: Yes
模塊化: Yes
官網(wǎng)地址:https://www.meteor.com
Github地址:https://github.com/meteor/meteor/
4、名稱:Semantic UI
類別/語言:HTML、CSS、JavaScript
創(chuàng)建者: Jack Lukic
人氣: 在Github上有22,325 stars
描述: “基于自然語言有效原則的UI組件框架”
核心概念/原則: 語義,標簽的矛盾性、響應(yīng)式
瀏覽器支持:Firefox, Chrome, Safari, IE10+ (IE9 with browser prefix only), Android 4, Blackberry 10。
預(yù)處理器: Less
響應(yīng)式: Yes
模塊化: Yes
官網(wǎng)地址:http://semantic-ui.com/
Github地址:https://github.com/Semantic-Org/Semantic-UI
5、名稱:Foundation
類別/語言:HTML、CSS、JavaScript
創(chuàng)建者: ZURB
人氣: 在Github上有22,206+ stars
描述: “世界上最優(yōu)秀的響應(yīng)式前端框架”
核心概念/原則: RWD 、手機優(yōu)先、語義的
瀏覽器支持: Chrome, Firefox, Safari, IE9+; iOS, Android, Windows Phone 7+
預(yù)處理器: Sass
響應(yīng)式: Yes
模塊化: Yes
官網(wǎng)地址:http://foundation.zurb.com/
Github地址:https://github.com/zurb/foundation-sites
6、名稱:Materialize
類別/語言:CSS
創(chuàng)建者:Google
人氣:在Github上有15,288stars
描述:Materialize是一個個基于材料設(shè)計的一個現(xiàn)代化的響應(yīng)式前端框架。他們做了最繁重的工作,為您提供默認的樣式,結(jié)合了您的自定義組件。此外,他們還改進動畫和過渡,為開發(fā)人員提供流暢的體驗。
核心概念/原則:響應(yīng)式
預(yù)處理器:Sass
響應(yīng)式:Yes
模塊化:Yes
官網(wǎng)地址:http://materializecss.com
Github地址:https://github.com/Dogfalo/materialize
瀏覽器支持:Chrome 35+, Firefox 31+, Safari 7+, IE 10+
7、名稱:Pure
類別/語言:CSS
創(chuàng)建者: Yahoo
人氣: 在Github上有13,161 stars
描述: “您可以在每一個web項目中使用的一組小的和響應(yīng)式的CSS模塊”
核心概念/原則:SMACSS,極簡的.
瀏覽器支持:Firefox的最新版本, Chrome, Safari; IE7+; iOS 6.x, 7.x; Android 4.x
預(yù)處理器: None
響應(yīng)式: Yes
模塊化: Yes
官網(wǎng)地址:http://purecss.io/
Github地址:https://github.com/yahoo/pure
8、名稱:Vue
類別/語言:CSS、JavaScript
創(chuàng)建者:尤雨溪
人氣:在Github上有12,214 stars
描述:Vue.js 是用于構(gòu)建交互式的 Web 界面的庫。它提供了 MVVM 數(shù)據(jù)綁定和一個可組合的組件系統(tǒng),具有簡單、靈活的 API。
核心概念/原則:響應(yīng)式
瀏覽器支持:Firefox, Chrome, Safari, IE10+,Android 4.2+,iOS 7+
預(yù)處理器:None
響應(yīng)式:Yes
模塊化:Yes
官網(wǎng)地址:http://vuejs.org/
Github地址:https://github.com/vuejs/vue
9、名稱:Skeleton
類別/語言:CSS、JavaScript
創(chuàng)建者:Dave Gamache
人氣:在Github上有10,622stars
描述:Skeleton 是一個小的 JS 和 CSS 文件的集合,可幫你快速開發(fā)漂亮的網(wǎng)站,適合各種屏幕設(shè)備包括手機。Skeleton 基于 960 grid 開發(fā)。它是一個 UI 框架。
核心概念/原則:響應(yīng)式
瀏覽器支持:Firefox, Chrome, Safari, IE10+,Opera
預(yù)處理器:None
響應(yīng)式:Yes
模塊化:Yes
官網(wǎng)地址:http://www.getskeleton.com
Github地址:https://github.com/dhg/Skeleton
10.名稱: Amaze UI
類別/語言:HTML、CSS、JavaScript
創(chuàng)建者:云適配
最后更新時間:2015年12月
人氣:在Github上有6425 stars
描述:國內(nèi)首個開源HTML5跨屏前端框架,中文排版支持更優(yōu)、本土化組件豐富。
并在2015年11月推出基于 React.js 的專屬移動端 Web 組件庫Amaze UI touch。
核心概念/原則:組件化、移動優(yōu)先、輕量級、高性能。
瀏覽器支持: Firefox, Chrome, Safari, IE8+
響應(yīng)式: Yes
模塊化: Yes
官網(wǎng)地址:http://amazeui.org/
Github地址:https://github.com/amazeui/amazeui
11、名稱:UIkit
類別/語言:HTML、CSS、JavaScript
創(chuàng)建者: YOOtheme
人氣: 在Github上有6,050+ stars
描述: “一個輕量級的和模塊化的前端框架,用于快速開發(fā)和功能強大的web接口。”
核心概念/原則:RWD, 手機優(yōu)先.
預(yù)處理器: Less, Sass
響應(yīng)式: Yes
模塊化: Yes
官網(wǎng)地址:http://getuikit.com/
Github地址:https://github.com/uikit/uikit
瀏覽器支持: Chrome, Firefox, Safari, IE9+
12、名稱:Yui
類別/語言:CSS、JavaScript
創(chuàng)建者:Yahoo
人氣:在Github上有3,200+ stars
描述:Yahoo! UI Library (YUI) 是一個開放源代碼的 JavaScript 函數(shù)庫,為了能建立一個高互動的網(wǎng)頁,它采用了AJAX, DHTML 和 DOM 等程式碼技術(shù)。它也包含了許多 CSS 資源。使用授權(quán)為 BSD許可證
核心概念/原則:響應(yīng)式
預(yù)處理器: None
響應(yīng)式:Yes
模塊化:Yes
官網(wǎng)地址:http://yuilibrary.com/
Github地址:https://github.com/yui/yui3
瀏覽器支持:Firefox, Chrome, Safari, IE10+,Opera
13.名稱:kissy
類別/語言: JavaScript
創(chuàng)建者:淘寶前端
最后更新時間:2015年7月
人氣:在Github上有2035 stars
描述:KISSY 是一款跨終端、模塊化、高性能、使用簡單的 JavaScript 框架。
框架大小: 37 KB
核心概念/原則: 模塊化,跨終端,高擴展性
模塊化: Yes
官網(wǎng)地址:http://docs.kissyui.com/
Github地址:https://github.com/kissyteam/kissy/
14.名稱:MUI
類別/語言: HTML、CSS、JavaScript
創(chuàng)建者:Dclould
最后更新時間:2016年1月
人氣:在Github上有2012 stars
描述:MUI-最接近原生App體驗的前端框架框架。
核心概念/原則: 多端發(fā)布、高性能
響應(yīng)式: NO
模塊化: Yes
官網(wǎng)地址:http://dev.dcloud.net.cn/mui/
Github地址:https://github.com/dcloudio/mui
15.名稱:Arale
類別/語言: JavaScript
創(chuàng)建者:支付寶前端
最后更新時間:2015年7月
人氣:在Github上有1252 stars
描述:Arale 是一個開放、簡單、易用的前端基礎(chǔ)類庫。
框架大小:未知
核心概念/原則: 開放、簡單、易用
瀏覽器支持:Firefox, Chrome, Safari, IE6+
響應(yīng)式: Yes
模塊化: Yes
官網(wǎng)地址:http://aralejs.org/
Github地址:https://github.com/aralejs/aralejs.org/
16.名稱:JX
類別/語言:Javascript
創(chuàng)建者:騰訊前端
最后更新時間:2015年12月
人氣:在Github上有952 stars
描述:JX 是模塊化的非侵入式Web前端框架,特別適合構(gòu)建和組織大規(guī)模、工業(yè)級的Web App。
框架大小: 未知
核心概念/原則: 保持最優(yōu)執(zhí)行效率
瀏覽器支持: 兼容主流瀏覽器
模塊化: Yes
官網(wǎng)地址:http://alloyteam.github.io/JX/
Github地址:https://github.com/AlloyTeam/JX
17.名稱:GMU
類別/語言:HTML、CSS、JavaScript
創(chuàng)建者:百度前端
最后更新時間:2015年12月
人氣:在Github上有940stars
描述:GMU是基于zepto的mobile UI組件庫,提供webapp、pad端簡單易用的UI組件! Web App。
核心概念/原則: 簡單易用、輕量級
模塊化: Yes
官網(wǎng)地址:http://gmu.baidu.com/
Github地址:https://github.com/fex-team/GMU
18.名稱:ZUI
類別/語言: HTML、CSS、JavaScript
創(chuàng)建者:蟬道
最后更新時間:2015年7月
人氣:在Github上有616 stars
描述:開源HTML5前端框架
核心概念/原則:簡單易用、輕量級、易于定制
瀏覽器支持:未知
官網(wǎng)地址:http://zui.sexy/
Github地址:https://github.com/easysoft/zui
19.名稱:Clouda Touch.js
類別/語言:JavaScript
創(chuàng)建者:百度云
人氣:在Github上有387 stars
描述:Touch.js是移動設(shè)備上的手勢識別與事件庫,也是在百度內(nèi)部廣泛使用的開發(fā)。
核心概念/原則: 無入侵設(shè)計、媲美原生的交互、極簡的API
模塊化: Yes
官網(wǎng)地址:http://touch.code.baidu.com/
Github地址:https://github.com/Clouda-team/touch.code.baidu.com
20.名稱:Arkui
類別/語言:HTML、CSS、JavaScript
創(chuàng)建者:豆瓣
人氣:在Github上有129 stars
模塊化: Yes
官網(wǎng)地址:http://mockee.com/arkui/
Github地址:https://github.com/mockee/arkui
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/111262.html
摘要:核心概念原則響應(yīng)式瀏覽器支持預(yù)處理器響應(yīng)式模塊化官網(wǎng)地址地址名稱類別語言創(chuàng)建者云適配最后更新時間年月人氣在上有描述國內(nèi)首個開源跨屏前端框架,中文排版支持更優(yōu)本土化組件豐富。 2015年已經(jīng)過去了,作為一個前端開發(fā)者,我覺得有必要把過去一年幫助過我或朋友們的優(yōu)秀開源前端框架做個盤點,希望這些項目能夠越來越好,幫助到更多的前端開發(fā)者們。此榜單根據(jù)github上star數(shù)作為排名依據(jù),一個人...
摘要:核心概念原則響應(yīng)式瀏覽器支持預(yù)處理器響應(yīng)式模塊化官網(wǎng)地址地址名稱類別語言創(chuàng)建者云適配最后更新時間年月人氣在上有描述國內(nèi)首個開源跨屏前端框架,中文排版支持更優(yōu)本土化組件豐富。 2015年已經(jīng)過去了,作為一個前端開發(fā)者,我覺得有必要把過去一年幫助過我或朋友們的優(yōu)秀開源前端框架做個盤點,希望這些項目能夠越來越好,幫助到更多的前端開發(fā)者們。此榜單根據(jù)github上star數(shù)作為排名依據(jù),一個人...
摘要:作為年最具潛力,乃至最具影響力的前端開源項目真的不為過。通過上的介紹,這個項目是偏右阿里的前端大牛和阿里的前端大牛主導(dǎo),而且從中也不難看出有些部分是來自參與過的項目。 showImg(https://segmentfault.com/img/bVH8b2?w=900&h=500); 在2016年,前端的開源世界越發(fā)精彩,Vue的不斷壯大,Angular 2的發(fā)布,Amaze UI 3....
摘要:作為年最具潛力,乃至最具影響力的前端開源項目真的不為過。通過上的介紹,這個項目是偏右阿里的前端大牛和阿里的前端大牛主導(dǎo),而且從中也不難看出有些部分是來自參與過的項目。 showImg(https://segmentfault.com/img/bVH8b2?w=900&h=500); 在2016年,前端的開源世界越發(fā)精彩,Vue的不斷壯大,Angular 2的發(fā)布,Amaze UI 3....
摘要:作為年最具潛力,乃至最具影響力的前端開源項目真的不為過。通過上的介紹,這個項目是偏右阿里的前端大牛和阿里的前端大牛主導(dǎo),而且從中也不難看出有些部分是來自參與過的項目。 showImg(https://segmentfault.com/img/bVH8b2?w=900&h=500); 在2016年,前端的開源世界越發(fā)精彩,Vue的不斷壯大,Angular 2的發(fā)布,Amaze UI 3....
閱讀 1078·2021-11-16 11:44
閱讀 1367·2019-08-30 13:12
閱讀 2400·2019-08-29 16:05
閱讀 3070·2019-08-28 18:29
閱讀 904·2019-08-26 13:41
閱讀 3228·2019-08-26 13:34
閱讀 2595·2019-08-26 10:35
閱讀 931·2019-08-26 10:28