前端精华集锦（一）

1. 布局框架：

•    Bootstrap: http://getbootstrap.com/
•    Foundation: http://foundation.zurb.com/
•    Uikit: http://www.getuikit.com/
•    Web Components:http://css-tricks.com/modular-future-web-components//

2. 构建工具及包管理器：

•    Grunt: http://gruntjs.com/
•    Yeoman: http://yeoman.io/
•    Bower: http://bower.io/
•    NPM: https://www.npmjs.org/

3. 代码优化：

• Google Closure Compiler:
• CSS Lint: http://csslint.net/
• JSHint: http://www.jshint.com/
• JSLint: http://www.jslint.com/

4. CSS预处理器

• Less: http://lesscss.org/
• Sass: http://sass-lang.com/

5. 调试工具：

• Chrome：https://developers.google.com/chrome-developer-tools/
• Firebug: https://getfirebug.com/
• HTTPWatch: http://www.httpwatch.com/
• Fiddler: http://www.telerik.com/fiddler
• IE Developer Toolbar:
• Weinre: http://people.apache.org/~pmuellr/weinre/docs/latest/Home.html

6. 文档工具：

• JSDoc: https://github.com/jsdoc3/jsdoc
• Jekyll: http://jekyllrb.com/

7. IDE/文本编辑器

• WebStorm: http://www.jetbrains.com/webstorm/

8. 移动端 手势事件库：

• GMU: http://gmu.baidu.com/
• Hammer.js:http://eightmedia.github.io/hammer.js
• QuoJS: http://quojs.tapquo.com/
• Zepto: http://zeptojs.com/
• Swipe: http://swipejs.com/
• jQuery Mobile: http://jquerymobile.com/
• KendoUI:http://www.telerik.com/kendo-ui
• Goratchet:http://goratchet.com/

9. 思维导图

• XMind:http://www.xmind.net/

10.模块加载器：

• ESL:< https://github.com/ecomfe/esl>
• RequireJS: http://requirejs.org/
• SeaJS:http://seajs.org/docs/

11. 项目管理:

• Github: https://github.com/
• GitLab: https://about.gitlab.com/
• Redmine: http://www.redmine.org/

12. 原型设计:

• Axure RP: http://www.axure.com/

13. 富互联网应用框架

• AngularJs: http://www.angularjs.org
• Backbone: http://backbonejs.org/
• AmpersandJShttp://ampersandjs.com//
• Knockout: http://knockoutjs.com/
• Underscore: http://underscorejs.org/

14. 模板引擎

• EJS: http://www.embeddedjs.com/
• Handlebars: http://handlebarsjs.com/
• Jade: http://jade-lang.com/
• Velocity: http://velocity.apache.org/

15. 测试框架

• Jasmine: http://pivotal.github.io/jasmine/
• QUnit: http://qunitjs.com/
• mocha: http://visionmedia.github.io/mocha/

16. 版本控制

• Git: http://git-scm.com/
• Subversion: http://subversion.apache.org/
• Mercurial(Hg): http://mercurial.selenic.com/

17. WEB框架/服务器

• Node: http://nodejs.org/
• Express: http://expressjs.com/
• Apache: http://httpd.apache.org/
• Nginx: http://nginx.org/

18. CommonJS

• Component: http://component.io/

19. 代码规范

• Code Guide:   http://alloyteam.github.io/code-guide/
• 编写可维护的CSS:   http://segmentfault.com/a/1190000000388784/
• GJS编码规范指南:   http://alloyteam.github.io/JX/doc/specification/google-javascript.xml
• jQueryJS规范:   http://contribute.jquery.org/style-guide/js/

20. HTML模块化

• html5boilerplate:   http://html5boilerplate.com/

21. CSS模块化

• Normalize.css:    http://necolas.github.io/normalize.css/
• LESS:    http://www.lesscss.net/
• OOCSS:   http://www.oocss.cc/ http://oocss.org/
• CssReset:   http://www.cssreset.com/

22. HTML5 Canvas

• D3:   http://d3js.org/
• KINETIC:   http://kineticjs.com/