前端工程师开发工具 & 订阅网站
工具
? 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
关注前端开发与用户体验
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。