工具

? Sublime Text

? Eclipse

? WebStorm

? NPM

调试工具：Firebug、HttpWatch、fiddler、IETester、CSS Lint、Chrome

订阅与关注：

前端周刊  

码农周刊  

前端乱炖  

前端观察  

前端开发  

奇舞周刊  

CNode社区  

AngularJS社区  

InfoQ   

w3cplus  

Startup News  

Hacker News   

Node Weekly   

HTML5 Weekly   

Stack Overflow  

JavaScript Weekly  

Mobile Web Weekly  

HTML5 Chinese Interest Group

常用工具

自动合并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://www.ddcat.net/ 豆豆猫

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