在前端开发中值得推荐的常用工具

Mac 端软件
1. 取色：Pipette http://www.charcoaldesign.co.uk/pipette
2. 尺寸：xScrope http://iconfactory.com/software/xscope
3. TEA for Coda: http://onecrayon.com/tea/coda/
4. TOPVE颜色代码:http://topve.com/color/

查阅：
can i use：http://caniuse.com
CSS参考手册：http://css.doyoe.com/jQuery
API文档：http://www.css88.com/jqapi-1.9/
百度统计分析：http://tongji.baidu.com/data/browser

代码压缩/整理：
压缩工具1：http://tool.css-js.com/
压缩工具2：http://refresh-sf.com/yui/JSON
编辑工具：http://tools.jb51.net/tools/json/json_editor.htm
JSONView(Chrome插件)：https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc
美化JS代码：http://jsbeautifier.org/

性能/测试：
JS性能测试：http://jsperf.com
Google的页面加载速度分析：https://developers.google.com/speed/pagespeed/insights
手机端web调试Console：http://jsconsole.com/

CSS代码生成/库：
雪碧图制作工具：http://wearekiss.com/spritepad
可视化CSS3生成器：http://css3.mikeplate.com/
可视化HTML5&CSS3生成工具：http://webdirections.org/tools/
网易的NEC(Nice Easy CSS)代码库：http://nec.netease.com/library

便捷：
占位图：http://dummyimage.com/
loading.gif生成器：http://www.webscriptlab.com/
二维码生成器：http://qr.jibaoku.com/
UC二维码(Chrome插件)：http://goo.gl/dn4cA
配色工具：https://kuler.adobe.com/
在线开发：http://jsbin.com/

调试工具有Firebug（FF），Web Developer（IE），IETester，Multibrowser（浏览器兼容性测试）。