分享全球十款超强HTML5开发工具
互联网 & 05-14 11:48:07 & 作者：佚名 &
今天笔者给大家推荐全球10款最优秀的HTML5开发工具，如果你是一位热爱HTML5技术或是初学者，本文对您一定有用
&最近，看到有人在HTML5论坛问到，目前全球有哪些比较优秀的HTML5开发软件。笔者根据自己对HTML5的了解，以及周边的所见所闻，总结了十款非常不错的HTML5开发工具和大家分享一下。
&&&&当然，HTML5的开发工具真的很多，还有一些也是非常优秀的！在这里，笔者只列举十款全球使用人数较多的HTML5开发工具。有朋友曾要我向他推荐一款最好的，笔者认为好不好，很大程度跟自己的喜好有关。
&&&&Initializr&is&an&HTML5&templates&generator&to&help&you&getting&started&with&a&new&project&based&on&HTML5&Boilerplate.&It&generates&for&you&a&clean&customizable&template&with&just&what&you&need&to&start!
&&&&Initializr是制作HTML5网站最好的入门辅助工具，您可以使用提供的特色模板快速生成网站，也可以自定义，Initializr会为你生成代码简洁的可定制的网页模板。
&&&&HTML&5&experimentation&and&demos&I've&hacked&together.&Click&on&the&browser&support&icon&or&the&technology&tag&to&filter&the&demos&(the&filter&is&an&OR&filter).
&&&&想知道你的浏览器是否支持HTML5&Canvas吗？想知道Safari是否可以运行简单的HTML5聊天客户端吗？HTML5demos会告诉你每一个HTML5特性在哪些浏览器中支持。
&&&&想了解HTML5的最新动向吗？使用HTML5&Tracker吧，它可以跟踪HTML5最新修订信息。
4.HTML5&visual&cheat&sheet
&&&&想要快速超找一个标签或者属性吗？看看这个非常酷的速查手册吧，每个Web开发人员的必备。
&&&&Switch&To&HTML5是一个基础而有效模板生成工具。如果你开始一个新项目，可以到这里获取免费的HTML5网站模板。
&&&&HTML5中的日历，取色板，滑块部件等都是非常棒工具，但是有些浏览器不支持。这个页面将帮助你构建完美的HTML5表单兼容方案。
&&&&您的浏览器准备好迎接HTML5革命了吗？HTML5&Test将告诉你。这个网站会为你当前使用的浏览器生成一份对video、audio、canvas等等特性的支持情况的完整报告。
&&&&Canvas元素是HTML5最重要的元素之一，它可以在网页中绘制图形，非常强大。这是一个Canvas元素的详细速查手册。
&&&&LimeJS是一个HTML5游戏开发框架，用于快速构建运行于触屏设备和桌面浏览器的游戏。非常棒，一定要用用试试。
&&&&HTML5&Reset是一组文件，包括HTML、CSS等，用于在开始新项目的时候帮助你节省时间，提供HTML5的空白WordPress模板。
&&&&最后，笔者再说两句，尽管优秀的HTML5开发工具有很多，但我们只需要选择一到两款合适自己使用就够了，开发工具毕竟只是更方便地帮助我们完成一些任务，最重要的是我们对HTML5技术的认识与应用。
大家感兴趣的内容
12345678910
最近更新的内容告别手写代码，HTML5可视化游戏开发工具震撼发布 - 轻微生活
欢迎您关注我们2014年最实用的十大HTML5开发工具
发表于 09:18|
来源Design Drizzle|
作者David Watson
摘要：HTML5被称作开放的Web网络平台的奠基石，开发者利用HTML5的各种开发工具来使网站更具交互性和动态性。为此，本文为大家列出将在2014年最实用的十大HTML5开发工具以飨读者。
HTML（超文本标记语言）是一种专门用于创建Web超文本文档的编程语言，它能显示网页信息，其HTML5版本被称作开放的Web网络平台的奠基石，开发者利用HTML5的各种开发工具来使网站更具交互性和动态性。为了帮助你更简单地开发一个具有创新性的Web应用程序，下面我们将为大家介绍排名前10位的HTML5开发工具：HTML5 Visual Cheat Sheet该工具包括所有HTML4或5支持的相关属性和标签，简单可视化的网格将协助你快速找到相关标签或属性。ModernizrModernizr是一个用来探测浏览器是否支持某种新特性的JavaScript库，使用它可以节约很多代码及测试工作量，甚至可以对一些不支持新特性的浏览器通过额外加载脚本的形式来实现相应的新特性。Lime JS如果你想为台式机和触摸屏设备创造出惊人的游戏，那么Lime JS这个HTML游戏框架是一个很好的选择。此外，该工具可以帮助您在触摸屏设备创建HTML5网站。Flash to HTML5 Online该工具可以将Flash文件转换成HTML5文件，允许你在支持HTML5的浏览器中使用Flash动画文件，从而不需要安装Flash播放器。HTML5 Tracker网站开发者了解最新的技术是必要的，通过使用该工具可以跟踪HTML5最新修订信息。Online HTML5 Audio Maker要想使用各种最新的音频功能，Online HTML5 Audio Maker可以帮你实现，该工具可以为不同浏览器提供音频解决方案，针对不同的浏览器使用不同的音频格式。Lungo JS移动应用的发展是网络发展一个重要组成部分。该工具包括CSS3、HTML5和Java Script的全部功能，它可以帮助你为iOS、Android、BlackBerry等系统移动设备开发应用。InitializrInitializr是个网站模板生成器，使用它提供的特色模板可以快速生成网站，也可以自定义模板。Initializr是初学者快速创建网页的最佳工具。Font Dragr使用该工具可以在不需要更改代码的情况下为网站选择合适的字体。在网站加载该工具后，将“font dragr”按钮拖到浏览器书签栏中，在浏览其他网页时，点击该书签，页面顶部出现fontdragr工具栏，将字体文件拖到此工具栏中即可改变网页中的字体。&HTML5 Demos这个工具可以告诉你每一个HTML5特性在哪些浏览器中支持，它把演示和示例结合在一起，用户可以点击支持的浏览器的图标或者技术标签来过滤示例。原文来自：& & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & &（文/李京京 责编/魏兵）
推荐阅读相关主题：
CSDN官方微信
扫描二维码,向CSDN吐槽
微信号：CSDNnews
相关热门文章分享6款实用又好用的主流HTML5开发工具！分享6款实用又好用的主流HTML5开发工具！IT搬运工百家号又到千锋武汉HTML5培训小编与大家分享纯技术干货的时间了，今天小编为大家分享6款实用又好用的主流HTML5开发工具，具体是什么呢？大家往下看吧！HTML5被看做是web开发者创建流行web应用的利器，增加了对视频和Canvas 2D的支持。HTML5的优点主要在于，这个技术可以进行跨平台的使用。比如你开发了一款HTML5的游戏，就可以很轻易地移植到UC的开放平台、Opera的游戏中心、Facebook应用平台，甚至可以通过封装的技术发放到AppStore或Google Play上，所以它的跨平台性非常强大，这也是很多学员来千锋学HTML5的主要原因。1、Adobe EdgeAdobe Edge是一个用HTML5、CSS、Java开发动态互动内容的设计工具。它的一个重要功能是web工具包界面，用于方便确保在不同浏览器中架构的一致性，此外Adobe Edge还将整合TypeKit这样的字体服务。通过Edge设计的内容可以兼容iOS和Android设备，也可以运行在火狐、Chrome、Safari和IE9等主流浏览器上。2、Sencha Architect在开发移动和桌面应用的工具中，Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发Sencha Touch2和Ext JS4 Java应用，并实时预览。3、Dojo Foundation Maqetta来自于IBM的一个项目，Dojo Foundation Maqetta是为桌面和移动设备开发HTML5应用的开源工具，支持在浏览器中查看HTML5界面。用户体验设计师可以通过拖放组装UI样板。4、Adobe Dreamweaver CS6Dreamweaver CS6是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件。由于Dreamweaver支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，对于初学者，你可以无需编写任何代码就能快速创建Web页面。此外，用户不但能在Live View中预览，还可以提供多屏幕预览功能。开发者可以通过MultiScreen预览面板查看HTML5内容的渲染效果。Live View通过WebKit渲染引擎支持HTML5。5、JetBrains WebStormWebStorm 是jetbrains公司旗下一款Java开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaS IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。6、 DevExtremeDevExtreme Complete Subion是性能最优的HTML5，CSS和Java移动开发框架，可以直接在Visual Studio集成开发环境，构建iOS，Android，Tizen和Windows Phone 8应用程序。DevExtreme包含 PhoneJS 和 ChartJS 两个原生UI组件，并且提供源代码。目前，DevExtreme支持VS13集成开发环境，兼容Android 4+、iOS5+、Windows 8、Window Phone 8、Tizen五大移动平台，是VisualStudio开发人员开发跨平台移动产品的首选工具。总体上来说，HTML5前端要掌握的技能、知识点很多，而且还很零散。要成长为一个优秀的前端开发人员，前提先要快速掌握主流技术。本文仅代表作者观点，不代表百度立场。系作者授权百家号发表，未经许可不得转载。IT搬运工百家号最近更新：简介:推送IT技术让您成为有逼格的IT工程师作者最新文章相关文章