有了这些，Html前端开发so easy!

还在傻傻地通过不停敲代码来实现idea？那你就太“脚踏实地”了。在开发工作中，有很多开发工具，不仅能够使得工作事半功倍，还比直接敲代码有趣，让你可以在百忙之中偷个小懒。走过路过不要错过~~~

1. CSS3样式生成器

2. CSS3渐变样式生成器，类似PS中的渐变界面：

3. CSS整形和优化工具

4. CSS3动画制作工具Sencha Animator

5. Codepen：在线的 HTML、CSS 和JavaScript代码编辑器，能够编写代码并即时预览效果。可以用于在线展示的作品，也可以看到其他人在网页中实现的各种令人效果。

6. 小可<Little Code />能轻松分享代码，用于提问，测试和转发代码等，

7. PunyPNG：可以大大降低图像文件的大小，且没有任何质量损失。

8. HTML5 Test

测试浏览器对H5标准和规范的支持情况。

以上这些工具只是收集到的一部分，还有很多很多的开发工具在等着你们去探索！

智能社撰稿，转载请注明来源！