class="topic_img" alt=""/>
英文原文：10 Best HTML5 Development Tools For Web Developers to Streamline Their Workflow
利用 HTML5 工具不仅可以帮助设计师和开发者创建更具吸引力的网站，还能增加网站的可用性和可访问性。本文收集了 10 款 HTML5 开发工具让你在网页中搭建特效、动画、视频、音频等诸多功能，为你节省更多开发时间。
Patternizer
这个工具可以让你开发真正炫酷的设计，比如各种线条。你可以随意修改线条的宽度、色彩、角度等等。有了它，帮你打造超赞的背景图片。
Font Dragr
这款工具可根据你的实际项目选择适宜的字体，你还可以通过拖放功能随意查看网站字体。
Adobe Typekit
这款工具允许你可根据视线范围来选择适宜的字体并查看实时页面。
Rendera
如果你渴望这样一个工作氛围，可以检查、发现和研究不同类型的 CSS、HTML 或者 JavaScript ，那么这款工具就可满足你的需求，根据选择的类型提供实时的结果并且让你的编码过程更加快速、炫酷。
CanvasLoader Creator
这款颠覆性的工具允许你修改载入程序，使其看起来更加引抢眼，并为访问者提供一个更加合理的理解（即使其选择的区域正在加载），它不需要任何编程教学。
Webdirections
Webdirections 是一款不错的代码集合工具，允许开发者检查、搜索、试验代码。你可以选择 HTML5 工具、CSS 工具以及设计类工具等等，可以毫不费力的迅速点击打开。
Initializr
Initializr 是一个 HTML5 模板生成器，以帮助你启动 HTML5 项目开发 。你可以根据自己的项目进行选择哪些项目可包含在 HTML 中，哪些不可以。
On/Off Flipswitch HTML5/CSS3 Generator
Flip-Switches 允许用户在网站上在线/离线状态下移动图片。只需修改小段代码即可实现这一功能，让你坦然面的各种操作系统、Web 浏览器。
Liveweave
LiveWeave 是一个极好的在线工具，该工具支持 HTML5、CSS3、JavaScript，允许你检验、测试并运行代码。
HTML KickStart
该工具让你轻松创建网站，支持排版、表格、按钮、列表等功能。
相关文章
