前端工程師開發工具 & 訂閱網站

工具

✓ Sublime Textjavascript

✓ Eclipsecss

✓ WebStormhtml

✓ NPM前端

✓ grunthtml5

調試工具：Firebug、HttpWatch、fiddler、IETester、CSS Lint、Chromejava

訂閱與關注：

前端週刊 node

碼農週刊 jquery

前端亂燉 git

前端觀察 angularjs

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/

前端博客：

https://github.com/jacksontian/fks 前端技能彙總，很全

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