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. WEB安全
XSS(跨站腳本攻擊):
CSRF(跨站點偽造請求攻擊):
跨iframe攻擊:
Clickjacking安全漏洞:
20. 代碼規范
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/
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 Canvas
D3:http://d3js.org/
KINETIC:http://kineticjs.com/
)
