WEB前端开发常用工具收集整理

本文长期收集的一些非常实用的前端开发常用工具，欢迎大家留言推荐前端开发小工具：

CSS3相关
Css压缩/格式化：http://www.hujuntao.com/tools?action=csspacker
CSS3样式生成器：http://www.css88.com/tool/css3Preview/
CSS3渐变样式生成器，类似Photoshop中的渐变界面：http://www.colorzilla.com/gradient-editor/
CSS3动画制作工具Sencha Animator：http://www.sencha.com/products/animator/
背景色alpha透明工具：http://www.linxz.de/demo/hex_change.html

javascript相关
JS代码格式化：http://www.hujuntao.com/tools?action=beautify
JS代码压缩/加密：http://www.hujuntao.com/tools?action=jspacker
正则表达式检测：http://www.hujuntao.com/tools?action=regtest

优化相关
CSS格式/优化工具：http://www.hujuntao.com/tools?action=csstidy
javascript优化工具：http://marijnhaverbeke.nl/uglifyjs
网站性能分析：http://gtmetrix.com/
Google网站优化工具：http://www.google.com/intl/zh-CN/analytics/
PNG压缩网站：http://www.gracepointafterfive.com/punypng/

验证相关
W3C (x)HTML 验证工具：http://validator.w3.org/
W3C CSS验证工具：http://jigsaw.w3.org/css-validator/

网站管理员工具：
Google网站管理员工具：http://www.google.cn/webmasters/
百度站长平台：http://sitemap.baidu.com/

其它工具
ajax loading 图标在线制作：http://ajaxload.info/
站长工具：http://tool.114la.com/ http://tool.chinaz.com/
在线robots.txt检查：http://tool.motoricerca.info/robots-checker.phtml
301重定向检验在线检查工具：http://www.seoconsultants.com/tools/check-server-headers-tool/
网页调试工具(可以帮我们模拟网页在IE5.5、IE6、IE7、IE8与IE9等浏览器的相容性)：http://www.my-debugbar.com/wiki/IETester/HomePage