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. 構(gòu)建工具及包管理器：Grunt: http://gruntjs.com/Yeoman: http://yeoman.io/Bower: http://bower.io/NPM: https://www.npmjs.org/

3. 代碼優(yōu)化：Google Closure Compiler:CSS Lint: http://csslint.net/JSHint: http://www.jshint.com/JSLint: http://www.jslint.com/

4. CSS預(yù)處理器Less: http://lesscss.org/Sass: http://sass-lang.com/

5. 調(diào)試工具：Chrome：https://developers.google.com/chrome-developer-tools/Firebug: https://getfirebug.com/HTTPWatch: http://www.httpwatch.com/Fiddler: http://www.telerik.com/fiddlerIE Developer Toolbar:Weinre: http://people.apache.org/~pmuellr/weinre/docs/latest/Home.html

6. 文檔工具：JSDoc: https://github.com/jsdoc3/jsdocJekyll: 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-uiGoratchet:http://goratchet.com/

9. 思維導(dǎo)圖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. 原型設(shè)計:Axure RP: http://www.axure.com/

13. 富互聯(lián)網(wǎng)應(yīng)用框架AngularJs: http://www.angularjs.orgBackbone: 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框架/服務(wù)器Node: http://nodejs.org/Express: http://expressjs.com/Apache: http://httpd.apache.org/Nginx: http://nginx.org/

18. CommonJSComponent: http://component.io/

19. WEB安全XSS(跨站腳本攻擊):CSRF(跨站點偽造請求攻擊):跨iframe攻擊:Clickjacking安全漏洞:

20. 代碼規(guī)范Code Guide: http://alloyteam.github.io/code-guide/編寫可維護(hù)的CSS: http://segmentfault.com/a/1190000000388784/GJS編碼規(guī)范指南: http://alloyteam.github.io/JX/doc/specification/google-javascript.xmljQueryJS規(guī)范: http://contribute.jquery.org/style-guide/js/

21. HTML模塊化html5boilerplate: http://html5boilerplate.com/

22. 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/

23. HTML5 CanvasD3:http://d3js.org/KINETIC:http://kineticjs.com/