一、IDE
1）Edit Plus
2）Notepad++
3）Dreamweaver
4）ultraedit
二、浏览器插件
1）IE Developer Toolbar（布局样式，脚本调试，性能分析）
2）Firebug（布局样式，脚本调试，性能分析）
3）chrome developer tools（布局样式，脚本调试，性能分析）
4）HTML Validator（通过FF的附加工具中添加插件，验证html的是否满足w3c的合法性）
三、其他辅助工具
1）PngOptimizer（压缩png gif 图片，比photoshop或Fireworks的压缩率大）
2）FastStone Capture（俗称红绿小工具，有标尺、吸管、截图、录屏等很多功能。前端开发万能工具）
3）fildder（强大的抓包工具，深入学习）
4）YSlow（性能分析，将要学习）
5）yuicompressor（压缩工具，将要学习）
6）git（版本控制，将要学习）
7）build工具（不了解，求推荐）
8）测试框架（不了解，求推荐）
原文：http://www.cnblogs.com/Jack-hui/p/4056342.html