forked from hawx1993/github-FE-project
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
349 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,2 +1,351 @@ | ||
# github-FE-project | ||
github上值得关注的前端项目 | ||
|
||
|
||
综合/资源 | ||
---- | ||
|
||
- [frontend-dev-bookmarks][1] 一个巨大的前端开发资源清单。`star:15000` | ||
|
||
|
||
|
||
- [front-end-collect][2] 分享自己长期关注的前端开发相关的优秀网站、博客、以及活跃开发者。`star:860` | ||
|
||
|
||
- [Front-end-Interview-questions][3] 史上最全前端开发面试问题及答案 | ||
|
||
- [f2e-hub][4] 包含`Animation,UI,dialog,Carousels,color,image,workflow`等。`star:100` | ||
|
||
- [awesome-javascript][5] 一系列很棒的`javascript` 库,资源。`star:3100` | ||
|
||
|
||
|
||
- [fks][6] 前端技能汇总,包含前端知识架构,后端知识,`linux`,书籍推荐等。`star:4000` | ||
|
||
- [node123][7] `node.js`中文资料导航。`star:1200` | ||
|
||
- [mobile-web-favorites][8] 移动端web开发收藏夹。`star:200` | ||
|
||
|
||
|
||
样式/UI | ||
---- | ||
|
||
- [Semantic-UI][9] 让你使用任何`HTML`标签 来表现UI控件。 | ||
这是一款语义化设计的前端框架,为攻城师而制作的可复用的开源前端框架。`star:17500` | ||
|
||
|
||
|
||
- [primer][10] `CSS`风格指南。`star:3600` | ||
|
||
测试/工具 | ||
----- | ||
|
||
- [mocha][11] 一个简单、灵活有趣的 `JavaScript` 测试框架,用于 `Node.js` 和浏览器上的 `JavaScript` 应用测试。 `star:6680` | ||
|
||
|
||
|
||
![687474703a2f2f662e636c2e6c792f6974656d732f336c316b306e32413155334d3149314c323130702f53637265656e25323053686f74253230323031322d30322d32342532306174253230322e32312e3433253230504d2e706e67][12] | ||
|
||
- [csscss][13] css代码冗余分析仪,用于分析冗余 。`star:2800` | ||
|
||
- [es6-tools][14] `es6` 工具集,包括`Grunt Tasks,Gulp Plugins,Broccoli Plugins,Brunch Plugins,Webpack plugins`等等。`star:1860` | ||
|
||
- [async][15] 一个工具模块,提供了直接而强大的 `JavaScript` 异步功能。虽然是为 `Node.js` 设计的,但是它也可以直接在浏览器中使用。`star:13000` | ||
|
||
- [simditor][16] 团队协作工具 `Tower` 使用的富文本编辑器。`star:1300` | ||
|
||
- [HTMLHint][17] `HTML` 静态代码分析工具,可以集成到`IDE`环境或编译系统中。`star:900` | ||
|
||
- [jshint][18] `js`静态代码分析工具,可以帮你检测`js`语法错误和潜在的问题。`star:5100` | ||
|
||
- [csslint][19] 分析和优化你的`CSS`样式表的工具。由[Nicholas C. | ||
Zakas][20]所写。`star:2700` | ||
|
||
Workflow/构建工具 | ||
------------- | ||
|
||
- [Grunt][21] 基于`Node.js`的项目构建工具。拥有数量庞大的插件,是一款优秀的前端自动化工具。`star:9500` | ||
|
||
- [yeoman][22] 一个强健的工具,库,及工作流程的组合。`star:960` | ||
|
||
- [gulp][23] 基于`node.js`流的新一代前端构建系统。`star:14000` | ||
|
||
canvas/数据可视化 | ||
--------- | ||
|
||
- [echarts][24] 基于`Canvas`,纯`Javascript`图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。`star:6900` | ||
|
||
- [Chart.js][25] 使用`<canvas>`标签的简易HTML5图表。`star:14600` | ||
|
||
- [sketch.js][26] 跨平台`JavaScript`创意编码框架,`gzip`压缩后仅有2kb。`star:1500` | ||
|
||
- [d3][27] 一个基于数据操作文档的`js`数据可视化框架,最流行的可视化库之一。`star:38000` | ||
|
||
模块管理/加载器 | ||
-------- | ||
|
||
- [ESL][28] 是一个浏览器端、符合`AMD`的标准加载器,适合用于现代`Web`浏览器端应用的入口与模块管理。 | ||
|
||
`ESL` vs `RequireJS` | ||
|
||
体积更小 (Smaller) | ||
性能更高 (Higher performance) | ||
更健壮 (More Robustness) | ||
不支持在非浏览器端使用 (Browser only) | ||
依赖模块用时定义 (Lazy define) | ||
|
||
- [seajs][29] 一个遵循`CommonJS`规范的`JavaScript`模块加载器。提供简单、极致的模块化开发体验。`star:4100` | ||
|
||
|
||
|
||
动画 | ||
-- | ||
|
||
- [animate.css][30] 一个跨浏览器的`CSS`动画库。简单易用易上手。`star:23000` | ||
|
||
- [move.js][31] 极小的 `JavaScript` 库,支持 `CSS3` 的动画效果,非常简单优雅。`star:2600` | ||
|
||
- [TweenJS][32] 是一个简单但强大的 `Javascript` 动画库。`CreateJS` 套件的一部分。`star:1500` | ||
|
||
- [bounce.js][33] 一个用于制作漂亮的 `CSS3` 关键帧动画的 `JavaScript` | ||
库,使用其特有的方式生成的动画效果。`star:3600` | ||
|
||
插件 | ||
-- | ||
|
||
- [zepto.fullpage][34] 专注于移动端的全屏滚动插件。`star:510` | ||
|
||
- [fullPage.js][35] pc端的全屏滚动插件。 `star:9500` [view demo][36] | ||
|
||
- [onepage-scroll][37] 可以轻松建立一个动感的响应式的滚动效果页面,比较适用于单页面的专题站。支持现代浏览器和IE8以上版本。[View demo][38] 。`star:7700` | ||
|
||
- [slick][39] 一款完全响应式的 `jQuery` 图片滚动插件,能够根据容器自动适应宽度。`star:10000` [view demo][40] | ||
|
||
- [superslides][41] 致力于解决网站大部分特效展示问题。网站上常用的“焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”等只需要一个`SuperSlide`即可解决! [view demo][42] `star:1100` | ||
|
||
- [jQuery-One-Page-Nav][43] 当用户滚动网页时,实现平滑滚动和智能导航。`star:1100` | ||
|
||
- [slider][44] 一个`jquery`完全开源的`JavaScript`代码库,用户可以开发,调试和深度定制自己的滑块。`star:850` [view demo][45] | ||
|
||
框架、库和组件 | ||
----- | ||
|
||
- [polymer][46] `web`组件构建框架。一套以“一切皆组件、最少化代码量、最少框架限制”为设计理念的`Web UI`框架。 `star:9900` | ||
|
||
- [meteor][47] 一个超简单的纯`javascript` web框架。用于自动化和简化实时运行的 Web 应用程序的开发。可直接在浏览器或者云平台中运行。 `star:25300` | ||
|
||
- [impress.js][48] 创建令人兴奋的演示。使用`CSS3`的转换和过渡,这个库允许你创建令人印象深刻的演示文稿。[view demo][49]。`star:24300` | ||
|
||
- [ionic][50] 先进的`HTML5` 移动端开发框架。帮助开发者使用HTML5, CSS3和`js`做出不可思议的`hybrid app`。`star:17000` | ||
|
||
|
||
|
||
- [reveal.js][51] 基于`CSS3`的3D幻灯片工具。能够制作绚丽的演示文稿并生成`HTML`格式,将它发布到web上。`star:21500` [view demo][52] | ||
|
||
- [Modernizr][53] 用来检测浏览器功能支持情况的`JavaScript`库,可以检测18项`CSS3`功能以及40多项关于`HTML5`的功能。`star:16000` | ||
|
||
- [pure.css][54] 一组很小的,响应式的`css`组件,你可以在网页的项目上到处使用。`star:12000` | ||
|
||
- [three.js][55] 是`JavaScript`编写的`WebGL`第三方库。提供了非常多的3D显示功能。`star:20000` | ||
|
||
- [TimelineJS][56] 轻松制作时间轴。`star:8000` | ||
|
||
- [jquery-pjax][57] 对`ajax` 和 `pushState`的封装,让你可以很方便的使用`pushState`技术,用以实现页面无刷新加载。`star:11500` | ||
|
||
- [highlight.js][58] `javascript`语法高亮。既可以运行在浏览器端也可以运行在服务端。`star:5500` | ||
|
||
- [commander.js][59] `Node.js`命令行工具。`star:3800` | ||
|
||
- [togetherjs][60] 由`Mozilla`打造的一款可以给网站添加实时协作功能的`JavaScript`库。`star:5K` | ||
|
||
- [HTML.js][61] 轻量级的简化与`DOM`操作的js库。[view demo][62] `star:1.5K` | ||
|
||
[MEAN.JS][63] 全栈式javascript,使用`MongoDB, Express, AngularJS`和`Node.js`。`star:2.2K` | ||
|
||
移动端 | ||
--- | ||
|
||
- [Swiper][64] 加速移动触摸滑块与硬件之间的转换。`star:5000`。 | ||
|
||
- [hammer.js][65] 一个支持多点触摸的手势库。`star:11000` | ||
|
||
- [amDoc][66] 无线`Web`解决方案 - 文档规范指南 | ||
|
||
Node.js相关 | ||
--------- | ||
|
||
- [nodeclub][67] 使用 `Node.js` 和 `MongoDB` 开发的社区系统。`star:3000` | ||
|
||
- [N-chat][68] 使用 `Express + Socket.IO` 搭建的多人聊天室 。`star:300` | ||
|
||
- [N-blog][69] 使用 `Express + MongoDB` 搭建多人博客。`star:1800` | ||
|
||
- [node-inspector][70] 基于`Blink`开发者工具的`Node.js`调试器。`star:7000` | ||
|
||
- [node-lessons][71]:`Node.js`包教不包会。`star:2.5K` | ||
|
||
- [nodePPT][72] 使用`nodejs`写的网络幻灯片。可能是迄今为止最好的网页版`PPT`。`star:1.6K` [view demo][73] | ||
|
||
- [hexo][74] 一款快捷,简单,强大的博客框架,基于`Nodejs`。`star:5.2K` | ||
|
||
React相关 | ||
------- | ||
- [react-style][75] 是 `React.js` 可维护的样式组件 | ||
|
||
- [react-component][76] 基于`reactjs`的组件。 | ||
|
||
- [react-native][77] 一个用`React`构建`native apps`的框架。`star:15000` | ||
|
||
- [react-native-guide][78] 汇集了`react-native`学习资源与各类开源app。`star:850` | ||
|
||
- [awesome-react][79] 关于`react`的工具,资源,视频的集合。`star:700` | ||
|
||
|
||
HTML5 | ||
----- | ||
|
||
- [Browserquest][80]: `Mozilla`开发的`HTML5`多人在线游戏。`star:5200` | ||
|
||
- [video.js][81] 开源的HTML5和Flash视频播放器。支持自定义进度条、按钮以及工具栏的底色。`star:9.1K` | ||
|
||
其他 | ||
-- | ||
|
||
- j[avascript-style-guide][82] 最合理的使用`javascript`的方法。 `star:18000` | ||
|
||
- [Mars][83] 腾讯移动`Web`前端知识库。`star:1600` | ||
|
||
- [css3please][84] 跨浏览器自动生成`css3`前缀 | ||
|
||
- [brackets][85] 一款使用 HTML,CSS,JavaScript 创建的开源的针对 Web 开发的编辑器。`star:23000` | ||
|
||
- [normalize.css][86] 一个可定制的 `CSS` 文件,使浏览器呈现的所有元素,更一致和符合现代标准。支持IE8+。`star:17000` | ||
|
||
- [Ghost][87] `Node.js`开发最新博客系统, 简单简洁, 响应式设计, 支持完全自定义, 免费, 专注博客。`star:16000` | ||
|
||
- [io.js][88] 从`NodeJS`里分离出来的一条分支。`star:13000` | ||
|
||
- [2048 游戏][89] [view demo][90] `star:7000` | ||
|
||
- [jade][91] 一款高性能简洁易懂的模板引擎。`star:8500` | ||
|
||
|
||
|
||
|
||
高产大牛 | ||
---- | ||
|
||
- [Evan You][92] 前端轻量级框架`MVVM`框架`vue.js`作者,前`Google`工程师。`followers:1.6K` | ||
|
||
- [TJ Holowaychuk][93] `Koa、Co、Express、jade、mocha、node-canvas、commander.js` 等知名开源项目的创建和贡献者。 `followers:14.1K` | ||
|
||
- [PaulIrish][94] 著名的前端开发工程师,同时他也是Chrome开发者关系团队成员,jQuery团队成员,`Modernizr、Yeoman、CSS3 Please`和`HTML5 Boilerplate`的`lead developer`。`followers:15.7K` | ||
|
||
- [Mike Bostock][95] 知名可视化库 `D3.js`的主要作者。`followers:8.3K` | ||
|
||
- [Nicolas Gallagher][96] `Normalize.css` 作者。`followers:3.6K` | ||
|
||
- [司徒正美][97] 前端迷你`MVVM`框架`Avalon`作者。`followers:2.1K` | ||
|
||
> 我的主页:http://segmentfault.com/u/trigkit4 | ||
|
||
|
||
[1]: https://github.com/dypsilon/frontend-dev-bookmarks | ||
[2]: https://github.com/foru17/front-end-collect | ||
[3]: https://github.com/hawx1993/Front-end-Interview-questions | ||
[4]: https://github.com/lvwzhen/f2e-hub | ||
[5]: https://github.com/sorrycc/awesome-javascript | ||
[6]: https://github.com/JacksonTian/fks | ||
[7]: https://github.com/youyudehexie/node123 | ||
[8]: https://github.com/hoosin/mobile-web-favorites | ||
[9]: https://github.com/Semantic-Org/Semantic-UI | ||
[10]: https://github.com/primer/primer | ||
[11]: https://github.com/mochajs/mocha | ||
[12]: /img/bVlVky | ||
[13]: https://github.com/zmoazeni/csscss | ||
[14]: https://github.com/addyosmani/es6-tools | ||
[15]: https://github.com/caolan/async | ||
[16]: https://github.com/mycolorway/simditor | ||
[17]: https://github.com/yaniswang/HTMLHint | ||
[18]: https://github.com/jshint/jshint | ||
[19]: https://github.com/CSSLint/csslint | ||
[20]: http://www.nczonline.net/ | ||
[21]: https://github.com/gruntjs/grunt | ||
[22]: https://github.com/yeoman/yo | ||
[23]: https://github.com/gulpjs/gulp | ||
[24]: https://github.com/ecomfe/echarts | ||
[25]: https://github.com/nnnick/Chart.js | ||
[26]: https://github.com/soulwire/sketch.js | ||
[27]: https://github.com/mbostock/d3 | ||
[28]: https://github.com/ecomfe/esl | ||
[29]: https://github.com/seajs/seajs | ||
[30]: https://github.com/daneden/animate.css | ||
[31]: https://github.com/visionmedia/move.js | ||
[32]: https://github.com/CreateJS/TweenJS | ||
[33]: https://github.com/tictail/bounce.js | ||
[34]: https://github.com/yanhaijing/zepto.fullpage | ||
[35]: https://github.com/alvarotrigo/fullPage.js | ||
[36]: http://alvarotrigo.com/fullPage/#firstPage | ||
[37]: https://github.com/peachananr/onepage-scroll | ||
[38]: http://www.thepetedesign.com/demos/onepage_scroll_demo.html | ||
[39]: https://github.com/kenwheeler/slick | ||
[40]: http://kenwheeler.github.io/slick/ | ||
[41]: https://github.com/nicinabox/superslides | ||
[42]: http://nicinabox.com/superslides | ||
[43]: https://github.com/davist11/jQuery-One-Page-Nav | ||
[44]: https://github.com/jssor/slider | ||
[45]: http://www.jssor.com/demos/index.html | ||
[46]: https://github.com/Polymer/polymer | ||
[47]: https://github.com/meteor/meteor | ||
[48]: https://github.com/bartaz/impress.js | ||
[49]: http://bartaz.github.io/impress.js/#/bored | ||
[50]: https://github.com/driftyco/ionic | ||
[51]: https://github.com/hakimel/reveal.js | ||
[52]: http://lab.hakim.se/reveal-js/#/ | ||
[53]: https://github.com/Modernizr/Modernizr | ||
[54]: https://github.com/yahoo/pure/ | ||
[55]: https://github.com/mrdoob/three.js | ||
[56]: https://github.com/NUKnightLab/TimelineJS | ||
[57]: https://github.com/defunkt/jquery-pjax | ||
[58]: https://github.com/isagalaev/highlight.js | ||
[59]: https://github.com/tj/commander.js | ||
[60]: https://github.com/mozilla/togetherjs | ||
[61]: https://github.com/nbubna/HTML | ||
[62]: http://nbubna.github.io/HTML/ | ||
[63]: https://github.com/meanjs/mean | ||
[64]: https://github.com/thebird/swipe | ||
[65]: https://github.com/hammerjs/hammer.js | ||
[66]: https://github.com/am-team/amDoc | ||
[67]: https://github.com/cnodejs/nodeclub | ||
[68]: https://github.com/nswbmw/N-chat | ||
[69]: https://github.com/nswbmw/N-blog | ||
[70]: https://github.com/node-inspector/node-inspector | ||
[71]: https://github.com/alsotang/node-lessons | ||
[72]: https://github.com/ksky521/nodePPT | ||
[73]: http://qdemo.sinaapp.com/ | ||
[74]: https://github.com/hexojs/hexo | ||
[75]: https://github.com/js-next/react-style | ||
[76]: https://github.com/react-component | ||
[77]: https://github.com/facebook/react-native | ||
[78]: https://github.com/ele828/react-native-guide | ||
[79]: https://github.com/enaqx/awesome-react | ||
[80]: https://github.com/mozilla/BrowserQuest | ||
[81]: https://github.com/videojs/video.js | ||
[82]: https://github.com/airbnb/javascript | ||
[83]: https://github.com/AlloyTeam/Mars | ||
[84]: https://github.com/paulirish/css3please | ||
[85]: https://github.com/adobe/brackets | ||
[86]: https://github.com/necolas/normalize.css | ||
[87]: https://github.com/TryGhost/Ghost | ||
[88]: https://github.com/nodejs/io.js | ||
[89]: https://github.com/gabrielecirulli/2048 | ||
[90]: http://gabrielecirulli.github.io/2048/ | ||
[91]: https://github.com/jadejs/jade | ||
[92]: https://github.com/yyx990803 | ||
[93]: https://github.com/tj | ||
[94]: https://github.com/paulirish | ||
[95]: https://github.com/mbostock | ||
[96]: https://github.com/necolas | ||
[97]: https://github.com/RubyLouvre |