HTML5开发工具大盘点

标签: HTML5&CSS3 HTML5 开发工具 | 发表时间:2012-06-09 11:20 | 作者:胡不知
出处:http://www.csscoo.com
相信到目前你应该已经对Canvas这一神奇的HTML5新元素有了一定的了解。在本文中,我们将深入了解画布的功能及特点,学习如何在HTML中利用Canvas绘制图形以及其它类型对象。正准备学习HTML5或者已经进行了一段时间的HTML5开发的童鞋,都有必要了解下,HTML5都有哪些开发工具,哪款开发工具更适合我?下面就一一盘点下:  

一、HTML5开发工具之Adobe Dreamweaver

首先是大名鼎鼎的Adobe Dreamweaver,Adobe Dreamweaver 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成,您能以可视方式或直接在代码中进行设计,使用内容管理系统开发页面并实现精确的浏览器兼容性测试。 Adobe Dreamweaver CS5版本通过Adobe HTML5 Pack这一扩展,用户可以更轻松地创建和优化其作品。 Adobe HTML5开发工具Pack包括标识HTML5 和 CSS3 功能的新代码,从而使Dreamweaver 用户能够方便地使用HTML5标记。HTML5开发工具扩展包还更新和改进了WebKit引擎以支持Dreamweaver CS5 实时视图中的视频和音频。用户利用CSS3新功能能够更方便地设计多屏网页,并且可以预览在多种浏览器和设备之间进行渲染的过程。 而最新版本的Adobe Dreamweaver CS5.5的突出新特点就是直接提供了对HTML5的支持:
dw-css3-HTML5-support-147x83
通过 CSS 面板设置样式,该面板经过更新可支持新的 CSS3 规则。设计视图现在支持媒体查询,在您调整屏幕尺寸的同时可应用不同的样式。使用 HTML5 进行前瞻性的编码,同时提供代码提示和设计视图渲染支持。 点击进入 Adobe Dreamweaver CS5.5 官方版本  

二、 HTML5 开发工具之Adobe Edge Preview

Adobe公司考虑到,当HTML5成为标准网页的时候,开发者们仍然将会在Adobe的软件上进行开发。所以推出一种新型的网页开发工具Edge,以帮助开发者在HTML5网页上创造更复杂的动画和互动效果。 Adobe网络专家组产品经理德汶·费南德(Devin Fernandez)称,随着HTML应用与开发越来越丰富,曾经通过Flash才能实现的工作,现在可通过Adobe Edge轻松完成。Edge支持事件连发操作,支持和元素,支持svg/png/gif/jpg图片,支持圆角矩形以及更多形状,支持元素与2D图形界面,支持SVG动画。 目前来看,Edge似乎和Flash运行在一个相似的界面上。Edge的时间轴和其他工具都位于和目前版本Flash的相同位置。但是界面背后,Edge是非常不同的。它是代替Adobe动作脚本形式的,动画效果创造基于JSON编码,所以代替动作脚本,动画效果是编码在html和javascript上,并运行在所有现代桌面浏览器和所有移动设备浏览器上,比如Safari浏览器。 点击 Adobe Edge Preview  

 三、MUGEDA-HTML5下的云动画平台

MUGEDA是一个基于HTML5技术的云动画平台,不用任何下载安装,打开支持HTML5的浏览器就可以创建动画,有各种造型工具,有图层、逐帧/补间动画、镜头切换、蒙版、路径编辑等丰富的动画功能,生成的动画可以插入网页,也可导出成各种格式,MUGEDA解决了目前HTML5缺乏动画工具的现状,可广泛应用于网页开发、游戏、电子出版等领域。体验MUGEDA很简单,登录http://www.mugeda.com,注册一个免费账号,就可以开始生成HTML5动画。
171206u874rf611annviu4
在线使用地址: http://www.mugeda.com  

四、HTML5游戏开发工具:Make Games with Construct 2

最简单、最容易的基本游戏开发工具,它有一个可视化编辑器,让你不写一行代码创建HTML5游戏,这要归功于它的事件编辑器,而且对于初学者和高级用户都非常容易。该工具最近添加了WebGL加速。 100个事件以下的版本是免费的,其中包括拖放物理引擎。 115228m373zmajz8ng7knq http://www.scirra.com/construct2/releases/r74  

五、 HTML5游戏 开发工具:GameMaker 8.X

最老牌、最强大的一款工具。最近添加了对HTML5的支持(GameMaker:HTML5)。借助此工具的可视化开发界面,开发者无需写代码即可创建简单的游戏。 对于复杂游戏,GameMaker可以根据用户创建的界面生成游戏脚本代码,代码基于GameMaker语言(GameMaker Language,简称GML,这是GameMaker的最大优势),你可以手动编辑它们。 QQ截图20120119174625       该工具的精简版(lite)是免费的。 工具 http://www.yoyogames.com/make  

六、 HTML5编辑器:JavaScript IDE WebStorm

webStorm 是一款商业的 JavaScript  具体的有: 1. 文件不用保存,敲完直接看演示(ff也有类似的一款插件,罗浮宫abcd曾推荐过)。 2. 自带有svn,如果不用服务器版的svn的话,本地自身带一个版本管理的。非常方便。 3. 编辑右侧有各浏览器浏览快捷方式,更是快中快。 官方 http://www.jetbrains.com/webstorm/download/   转自: http://www.e800.com.cn

相关 [html5 开发 工具] 推荐:

HTML5游戏开发工具推荐:IMPACT

- iDesperadO - HTML5研究小组
Impact 是一个 JavaScript 游戏引擎,可以为桌面和手机浏览器开发令人惊叹的 HTML5 游戏. 我已经试过了四个其他 JavaScript 游戏引擎,这是我用过的第一个比较有意义的(……)Impact 是市场上第一个真正专业级的 JavaScript 和 HTML5 游戏引擎. ——《Game Developer Magazine》,2011年5月.

HTML5开发工具大盘点

- - CSS库
相信到目前你应该已经对Canvas这一神奇的HTML5新元素有了一定的了解. 在本文中,我们将深入了解画布的功能及特点,学习如何在HTML中利用Canvas绘制图形以及其它类型对象. 正准备学习HTML5或者已经进行了一段时间的HTML5开发的童鞋,都有必要了解下,HTML5都有哪些开发工具,哪款开发工具更适合我?下面就一一盘点下:   一、HTML5开发工具之Adobe Dreamweaver.

【转载】HTML5开发工具介绍

- - HTML5研究小组
HTML5被看做是web开发者创建流行web 应用的利器,增加了对 视频和Canvas 2D的支持. HTML5的诞生还让人们重新审视浏览器专用多媒体插件的未来,如Adobe的Flash和微软的Silverlight,HTML5为实现这些插件的功能提供了一种标准化的方式.        虽然HTML5标准尚未开发完成,但是随着开发者对HTML5的兴趣日渐浓厚,开发工具提供商也开始跟进.

Intel 发布新版 HTML5 开发工具

- - ITeye资讯频道
Intel在IDF2013技术峰会上推出了全新的 Intel HTML5 Development Environment. 该工具即为 AppMobi开发工具的新版本. 今年2月份,Intel收购了AppMobi公司,获得了该公司的开发工具和相关开发人员. 目前这些工具已经成为了Intel移动应用开发工具套件的一部分.

Adobe推HTML5开发工具 取代Flash可兼容苹果‎

- Yu Jianrong - HTML5研究小组
北京时间8月2日消息,据国外媒体报道,苹果和Adobe就是否支持Flash闹得不可开交. 日前,在开发人员要求之下,Adobe推出了一种支持HTML5的网站互动应用开发工具,开发人员可以摆脱对Flash的依赖. Adobe的开发工具名为“AdobeEdge”,8月1日开始提供预览版的下载,Adobe方面表示,预计将在2012年正式推出这款开发工具.

推荐10款非常优秀的 HTML5 开发工具

- 幻幽 or A書 - HTML5研究小组
HTML5 发展如火如荼,随着各大浏览器对 HTML5 技术支持的不断完善以及 HTML5 技术的不断成熟,未来 HTML5 必将改变我们创建 Web 应用程序的方式. 今天这篇文章向大家推荐10款优秀的 HTML5 开发工具,帮助你更高效的编写 HTML5 应用. Initializr 是制作 HTML5 网站最好的入门辅助工具,你可以使用提供的特色模板快速生成网站,也可以自定义,Initializr 会为你生成代码简洁的可定制的网页模板.

推荐10款非常优秀的HTML5开发工具

- Stanley - 博客园新闻频道
  HTML5 发展如火如荼,随着各大浏览器对 HTML5 技术支持的不断完善以及 HTML5 技术的不断成熟,未来 HTML5 必将改变我们创建 Web 应用程序的方式. 今天这篇文章向大家推荐 10 款优秀的 HTML5 开发工具,帮助你更高效的编写 HTML5 应用.   Initializr 是制作 HTML5 网站最好的入门辅助工具,你可以使用提供的特色模板快速生成网站,也可以自定义,Initializr 会为你生成代码简洁的可定制的网页模板.

HTML5 开发者需要了解的技巧和工具汇总

- genedna - ITeye资讯频道
HTML5现在已经成为了Web开发中的热门话题,大多数现代浏览器(Safari、Chrome,Firefox,IE10和移动设备)都支持HTML5. 即使HTML5的规范还没有制定完成,但许多开发者已经将其作为Web开发项目中的主要技术. 一些网站巨头,如Google、Facebook、Twitter和YouTube等,都建立在HTML5基础上.

【转载】Javascript SDK:轻松开发HTML5应用的必备工具

- - HTML5研究小组
Javascript SDK:轻松开发HTML5应用的必备工具. annie 2012-05-31 16:03    1条评论. 运算平台  Parse最新发布Javascript SDK,有了它,开发HTML 5应用变得更加简单轻松. Parse 是由Y Coumbinator所孵化的 创业公司,开发者能够在上面创建自己的应用,Parse 更加专注于移动开发者.

HTML5开发工具包Playcraft Labs今日上线

- - TECH2IPO创见
在低调的测试了两个月之后,HTML5游戏开发引擎 Playcraft Labs今日正式上线,创始人、现任CEO Martin Wells称Playcraft是“游戏设计者的工具箱,尤其适合想挑战自己开发速度极限的设计者们. Wells设计Playcraft Labs,是因为市面上还没有让他感到专业而趁手的HTML5开发工具,同时HTML5的高效和稳定使得Wells相信它能代替Flash,成为未来网页的标准.