吼我是多啦A萌的口袋
**1)**
[Webstorm][1] 初阶用。 被誉为web开发神器的Webstorm,可以实时保存，自带版本控制台，对JS支持好，插件丰富，详情：[Webstorm有哪些过人之处？][2]
TextMate 高阶用。TextMate brings Apple's approach to operating systems into the world of text editors. By bridging UNIX underpinnings and GUI, TextMate cherry-picks the best of both worlds to the benefit of expert scripters and novice users alike.
Atom "A hackable text editor for the 21st Century"github出的。简约好看，还可以当MD编辑器使用。
2)
GIT
优秀的版本管理工具之一，团队合作好用，个人也好用。
Commit and push is a good habit, 在github上托管种满树是愿景。
SourceTree A free Git & Mercurial client for Windows or Mac.
3) UI框架
以bootstrap为例：
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。
对于开发者而言，利用前端框架可以快速实现好看的、可响应的界面，容易上手，不易出错。最重要的是直接略过了很多
细枝末节诸如不居中的问题，why not? 除了Bootstrap，还有什么其他前端UI库？
| NAME | Remarks |
|---|---|
| Tower | 团队管理工具 |
| Trello | 任务管理工具 |
| 马克飞象 | Markdown的windows用户福音（华科人真猛啊） |
| Markman | 超方便的标注工具 |
| Ps Play | 移动端设计实时查看工具 |
| The Color Picker | 取色工具 |
| Iconfont | 阿里巴巴矢量图标库 |
| XMind | 脑暴工具 |
| Prezi | 高大上的2.5维展示工具 |
| IFTTT | 一个推送工具 |
| Echarts | 数据可视化工具/插件 |
[jinja2][23]是基于python的模板引擎
1) [W3schol][8] > 在 w3school，你可以找到你所需要的所有的网站建设教程。 从基础的 HTML 到 CSS，乃至进阶的XML、SQL、JS、PHP 和 ASP.NET。
第一次接触前端的时候，前辈推荐的学习网站就是W3school,开始嫌弃它不够生动去了慕课网学。现在用它检测知识掌握度，目录结构简洁，很有看书的感觉.
- 慕课网 基础课都在这学的，很系统，改版之后突出了学习计划非常棒。 PS:慕课的前端交流群氛围很好，大神很多也愿意帮新人(￣▽￣)~*
3)SegmentFault 疑难答疑区，被这里纯技术氛围深深感动。每次百度不出来的问题都在这挂出来，每次都很快被解决。ˋ(′～‵)ˊ
###书籍
HTML5 《DIVE INTO HTML5》
#####To be continued..