推荐10款非常优秀的 HTML5 开发工具 た 入场券 2022-04-23 06:12 209阅读 0赞 HTML5 发展如火如荼,随着各大浏览器对 HTML5 技术支持的不断完善以及 HTML5 技术的不断成熟,未来 HTML5 必将改变我们创建 Web 应用程序的方式。今天这篇文章向大家推荐10款优秀的HTML5开发工具,帮助你更高效的编写 HTML5 应用。 ## Initializr ## [![推荐10款非常优秀的 HTML5 开发工具][10_ HTML5]][10_ HTML5 _10_ HTML5] Initializr 是制作 HTML5 网站最好的入门辅助开发工具,你可以使用提供的特色模板快速生成网站,也可以自定义,Initializr 会为你生成代码简洁的可定制的网页模板。 → 访问 [Initializr][10_ HTML5 _10_ HTML5] ## HTML5demos ## [![推荐10款非常优秀的 HTML5 开发工具][10_ HTML5 1]][10_ HTML5 _10_ HTML5 1] 想知道你的浏览器是否支持 HTML5 Canvas 吗?想知道 Safari 是否可以运行简单的 HTML5 聊天客户端吗?HTML5demos 会告诉你每一个HTML5特性在哪些浏览器中支持。 → 访问 [HTML5 Demos][10_ HTML5 _10_ HTML5 1] ## HTML5 Tracker ## [![推荐10款非常优秀的 HTML5 开发工具][10_ HTML5 2]][10_ HTML5 _10_ HTML5 2] 想了解 HTML5的最新动向吗? 使用 HTML5 Tracker 吧,它可以跟踪 HTML5 最新修订信息。 → 访问 [HTML5 Tracker][10_ HTML5 _10_ HTML5 2] ## HTML5 visual cheat sheet ## [![推荐10款非常优秀的 HTML5 开发工具][10_ HTML5 3]][10_ HTML5 _10_ HTML5 3] 想要快速超找一个标签或者属性吗?看看这个非常酷的速查手册吧,每个Web开发人员的必备。 → 访问 [HTML5 visual cheat sheet][10_ HTML5 _10_ HTML5 3] ## Switch To HTML5 ## [![推荐10款非常优秀的 HTML5 开发工具][10_ HTML5 4]][10_ HTML5 _10_ HTML5 4] Switch To HTML5 是一个基础而实用的模板生成工具。如果你开始一个新项目,可以到这里获取免费的 HTML5 网站模板。 → 访问 [Switch To HTML5][10_ HTML5 _10_ HTML5 4] ## Cross browser HTML5 forms ## [![推荐10款非常优秀的 HTML5 开发工具][10_ HTML5 5]][10_ HTML5 _10_ HTML5 5] HTML5 中的日历,取色板,滑块部件等都是非常棒工具,但是有些浏览器不支持。这个页面将帮助你构建完美的HTML5表单兼容方案。 → 访问 [Cross browser HTML5 forms][10_ HTML5 _10_ HTML5 5] ## HTML5 Test ## [![推荐10款非常优秀的 HTML5 开发工具][10_ HTML5 6]][10_ HTML5 _10_ HTML5 6] 你浏览器准备好迎接 HTML5 革命了吗?HTML5 Test 将告诉你。这个网站会为你当前使用的浏览器生成一份对video、audio、canvas等等特性的支持情况的完整报告。 → 访问 [HTML5 Test][10_ HTML5 _10_ HTML5 6] ## HTML5 Canvas cheat sheet ## [![推荐10款非常优秀的 HTML5 开发工具][10_ HTML5 7]][10_ HTML5 _10_ HTML5 7] Canvas 元素是 HTML5 最重要的元素之一,它可以在网页中绘制图形,非常强大。这是一个 Canvas 元素的详细速查手册。 → 访问 [HTML5 Canvas cheat sheet][10_ HTML5 _10_ HTML5 7] ## Lime JS ## [![推荐10款非常优秀的 HTML5 开发工具][10_ HTML5 8]][10_ HTML5 _10_ HTML5 8] LimeJS 是一个 HTML5 游戏开发框架,用于快速构建运行于触屏设备和桌面浏览器的游戏。非常棒的HTML5开发工具,一定要用用试试。 → 访问 [Lime JS][10_ HTML5 _10_ HTML5 8] ## HTML5 Reset ## [![推荐10款非常优秀的 HTML5 开发工具][10_ HTML5 9]][10_ HTML5 _10_ HTML5 9] HTML5 Reset 是一组文件,包括 HTML、CSS 等,用于在开始新项目的时候帮助你节省时间,提供 HTML5 的空白WordPress模板。 → 访问 [HTML5 Reset][10_ HTML5 _10_ HTML5 9] 注:本人为转载 原文地址:http://www.cnblogs.com/lhb25/archive/2011/10/09/10-online-tools-to-simplify-html5-coding.html [10_ HTML5]: http://www.catswhocode.com/blog/wp-content/uploads/2011/08/initializr.png [10_ HTML5 _10_ HTML5]: /images/20220323/0ed17b525d0f468a9ee1c02ae01510cc.png [10_ HTML5 1]: http://www.catswhocode.com/blog/wp-content/uploads/2011/08/html5demos.png [10_ HTML5 _10_ HTML5 1]: http://html5demos.com/ [10_ HTML5 2]: http://www.catswhocode.com/blog/wp-content/uploads/2011/08/html5tracker.png [10_ HTML5 _10_ HTML5 2]: /images/20220323/dda28b5c079f4ecab37c0c410258cdf0.png [10_ HTML5 3]: http://www.catswhocode.com/blog/wp-content/uploads/2011/08/html5cheatsheet.png [10_ HTML5 _10_ HTML5 3]: http://woork.blogspot.com/2009/09/html-5-visual-cheat-sheet-by-woork.html [10_ HTML5 4]: http://www.catswhocode.com/blog/wp-content/uploads/2011/08/switchtohtml5.png [10_ HTML5 _10_ HTML5 4]: http://switchtohtml5.com/ [10_ HTML5 5]: http://www.catswhocode.com/blog/wp-content/uploads/2011/08/crossbrowserhtml5.png [10_ HTML5 _10_ HTML5 5]: /images/20220323/b9d4e79dbf76434b85ac6f9f7878a1c3.png [10_ HTML5 6]: http://www.catswhocode.com/blog/wp-content/uploads/2011/08/html5test.png [10_ HTML5 _10_ HTML5 6]: /images/20220323/f946c9ddb5ee4d7aa3f42569eee31847.png [10_ HTML5 7]: http://www.catswhocode.com/blog/wp-content/uploads/2011/08/html5canvas.png [10_ HTML5 _10_ HTML5 7]: http://blog.nihilogic.dk/2009/02/html5-canvas-cheat-sheet.html [10_ HTML5 8]: http://www.catswhocode.com/blog/wp-content/uploads/2011/08/limejs.png [10_ HTML5 _10_ HTML5 8]: /images/20220323/aebf9d4071774a358f7a75d72ec98464.png [10_ HTML5 9]: http://www.catswhocode.com/blog/wp-content/uploads/2011/08/html5reset.png [10_ HTML5 _10_ HTML5 9]: /images/20220323/db75c222fc0f419188cdef6a7a184f12.png
还没有评论,来说两句吧...