1）WebBuilder
WebBuilder是一款开源的可视化Web应用开发和运行平台。基于浏览器的集成开发环境，可视化和智能化的设计，能轻松完成常规应用和面向手机的移动应用开发；高效、稳定和可扩展的特点，适合复杂企业级应用的运行；跨平台、数据库和浏览器的架构，适应复杂的服务器和客户端环境；包括智能数据库访问在内的多项先进技术，使应用系统的开发更快捷和简单。
官网：http://www.putdb.com

2）Bootstrap
今年8月，Twitter推出了一个名为Bootstrap的开发工具包，将Web应用开发与部署变得更为简单快捷。Bootstrap包是一个简单的程序库，同时提供优雅的HTML和CSS规范。Bootstrap使用了一些最新的Web浏览器技术，向开发者提供时尚的排版、样式、按钮、表格、网格、导航等服务，而且占用资源很小，用gzip压缩后只有6K左右。

3）LESS
LESS是一个CSS开发管理的强大工具，拓展了CSS的变量、运算符、include、嵌套规则等语法。LESS从Ruby的LESS library衍生而来，免费开源，实现了和CSS的无缝结合。此外，LESS可以配置成自动最小化所生成的CSS文件，不仅可以节省带宽，还可以改善最终用户的体验。

4）Chrome开发人员工具
火狐即将死亡的预言或许被夸大其词了，但可以肯定的是Chrome正在侵蚀越来越大的市场份额，其中最主要的一个原因是Web开发人员喜欢Chrome捆绑自带的开发人员工具。
Chrome开发人员工具主要基于WebKit网络检查器（开放源代码WebKit项目的一部分），可让Web开发人员随时随地对网页的CSS、HTML和JavaScript进行实时编辑、调试以及监控。该工具不仅能帮助诊断、修复在网页加载、脚本执行以及页面呈现中出现的问题，还可帮助最大限度地了解网页或网络应用程序对CPU以及内存的使用情况。