工具
? Sublime Text
? Eclipse
? WebStorm
? NPM
调试工具：Firebug、HttpWatch、fiddler、IETester、CSS Lint、Chrome
订阅与关注：
常用工具
自动合并CSS、生成雪碧图、生成兼容Retina的代码：CssGaga
免费Photoshop切图插件： Cut&Slice me（目前仅支持CS6）
使用图片做成高保真原型： https://www.flinto.com （为iOS原型设计的工具） 同类（Xcode ）
ECMAScript 6 浏览器兼容表： http://kangax.github.io/es5-compat-table/es6/
百度流量研究院 http://tongji.baidu.com/data/browser
W3C知识库 http://w3help.org/zh-cn/kb/
格式化 Javascript： http://www.css88.com/tool/js_beautify/ http://jsbeautifier.org/
在线调试工具 http://jsbin.com/ http://jsfiddle.net http://codepen.io/（可以直接导入到github）
JS/CSS压缩工具 ： YUI Compressor http://jscompress.com/
测试代码质量： http://www.jslint.com/
CSS Validator： W3 提供的 CSS 验证工具 （http://jigsaw.w3.org/css-validator ）
Html Validator： WDG 提供的 HTML 语法验证工具（http://www.htmlhelp.com/tools/validator/ ）
网站测试： 阿里测 http://tools.pingdom.com/(生成各种数据，可下载)
css代码检查工具： http://csslint.net/
文件对比 Kaleidoscope
jQuery 解构 http://www.cn-cuckoo.com/deconstructed/jquery.html
Pdf-word文档互相转换 Adobe Acrobat 8 Professional
图片压缩caesium-1.7.0-port http://caesium.sourceforge.net/index.html#download
移动框架对比图，相信会帮助你更好的选择开发框架 ：http://mobile-frameworks-comparison-chart.com/
前端博客：
http://www.pjhome.net/ 腾讯前端的头头
http://www.cssforest.org/ css森林
http://orzl.com/blog 阿里巴巴的布拉格
http://jiongks.name/about/ 勾三股四
http://blog.bingo929.com/ 彬go 人人网Web前端开发工程师
http://otakustay.com/ 宅居：他有两个blog，百度的前端大牛
http://www.36ria.com/ 淘宝几位作者共同撰写的blog
http://hikejun.com/blog/ 豆瓣 张克军
http://jayli.github.io/blog/index.html @Jayli
http://www.css88.com 愚人码头
https://github.com/lifesinger/ 玉伯
http://ued.taobao.org/blog/author/qingyun/ 交互技术 青云 淘宝首席交互设计师
http://www.ruanyifeng.com/home.html 阮一峰
https://www.byvoid.com/ Node.js開發指南 作者
http://typeof.net/all.html 语言开发层面上的js博客，写手包括老赵， BELLEVE INVIS是主要作者，写过js编译器
W3 组织，W3C 的诠释者 （www.w3.org ）
Google JavaScript代码风格指南：
http://chajn.org/jsguide/javascriptguide.html#JavaScript_Style_Rules
关注前端开发与用户体验
参考：http://www.cnblogs.com/shiqudou/p/3902385.html
前端工程师开发工具 & 订阅网站,布布扣,bubuko.com