开发工具HTML5开发工具整理资料

开发工具

正所谓“工欲善其事必先利其器” 对Web开发人员来说好工具的使用总会给人带来事半功倍的效果。正准备学习HTML5或者已经进行了一段时间的HTML5开发的童鞋都有必要了解下 HTML5都有哪些开发工具哪款开发工具更适合我?下面就一一盘点下

一、 HTML5开发工具之Ad obe Dreamw eaver

首先是大名鼎鼎的Adob eDreamw eaver Adobe Dreamw eaver软件使设计人员和开发人员能充满自信地构建基于标准的网站。 由于同新的Adobe CS Live在线服务Adobe BrowserLab集成您能以可视方式或直接在代码中进行设计使用内容管理系统开发页面并实现精确的浏览器兼容性测试。

Adobe Dreamw eaver CS5版本通过Adobe HTML5 Pack这一扩展用户可以更轻松地创建和优化其作品。 Adobe HTML5开发工具Pac k包括标识H TML5和CSS3功能的新代码从而使Dre amweav er用户能够方便地使用HTM L5标记。 HTML5开发工具扩展包还更新和改进了WebKi t引擎以支持Dreamw eaver CS5实时视图中的视频和音频。用户利用CS S3新功能能够更方便地设计多屏网页并且可以预览在多种浏览器和设备之间进行渲染的过程。

而最新版本的Adobe Dreamw eaver CS5.5的突出新特点就是直接提供了对HTM L5的支持

通过CSS面板设置样式该面板经过更新可支持新的 CSS3规则。设计视图现在支持媒体查询在您调整屏幕尺寸的同时可应用不同的样式。使用HTML5进行前瞻性的编码同时提供代码提示和设计视图渲染支持。

二、 HTML5开发工具之Adobe Edge Previe w

Adobe公司考虑到当HTML5成为标准网页的时候开发者们仍然将会在Ado be的软件上进行开发。所以推出一种新型的网页开发工具Edg e 以帮助开发者在HTML5网页上创造更复杂的动画和互动效果。

Adobe网络专家组产品经理德汶·费南德Devin Fernan dez称随着HTML应用与开发越来越丰富 曾经通过Fl ash才能实现的工作现在可通过A dobe Edge轻松完成。 Edge支持事件连发操作支持和元素支持svg/png/gif/jpg图片支持圆角矩形以及更多形状支持元素与2 D图形界面支持SVG动画。

目前来看Edge似乎和Flash运行在一个相似的界面上。Edge的时间轴和其他工具都位于和目前版本Fla sh的相同位置。但是界面背后Edge是非常不同的。它是代替Ad obe动作

脚本形式的动画效果创造基于JSON编码所以代替动作脚本动画效果是编码在html和javas cript上并运行在所有现代桌面浏览器和所有移动设备浏览器上比如Safa ri浏览器。

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

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

在线使用地址 htt p://www.muge da.com

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

最简单、最容易的基本游戏开发工具它有一个可视化编辑器让你不写一行代码创建HT ML5游戏这要归功于它的事件编辑器而且对于初学者和高级用户都非常容易。该工具最近添加了WebGL加速。

100个事件以下的版本是免费的其中包括拖放物理引擎。

下载地址 http://www. scirra.com/constr uct2/releas es/r74

五、 HTML5游戏开发工具 GameMa ker 8.X

最老牌、最强大的一款工具。最近添加了对HTML5的支持GameMa ker:HTML5 。借助此工具的可视化开发界面开发者无需写代码即可创建简单的游戏。

对于复杂游戏 GameMa ker可以根据用户创建的界面生成游戏脚本代码代码基于GameMake r语言GameMa ker Langua ge简称GML这是Game Maker的最大优势 你可以手动编辑它们。

该工具的精简版lite是免费的。

工具下载地址 http://www.yoyoga mes.com/make

六、 HTML5编辑器 JavaSc ript IDE WebSto rmwebSto rm是一款商业的 JavaSc ript开发工具虽然WebS torm的j s的提示远远不如apta na那么强悍(输入字母d不提示document) 但是做为Intell iJ IDEA的js缩水版其它功能也是比较期待的。

具体的有

1.文件不用保存敲完直接看演示(ff也有类似的一款插件罗浮宫abc d曾推荐过) 。

2. 自带有svn如果不用服务器版的svn的话本地自身带一个版本管理的。非常方便。

3.编辑右侧有各浏览器浏览快捷方式更是快中快。

官方下载地址 http://www. jetbra ins.com/websto rm/downlo ad/

插件

图表插件 http://www. ichartjs.com/ichart js是一款基于H TML5的图形库。使用纯jav ascrip t语言,利用HTML5的canv as标签绘制各式图形。 ichart js致力于为您的应用提供简单、直观、可交互的体验级图表组件。是WEB/APP图表展示方面的解决方案。如果你正在开发HTML5的应用 ichart js正好适合您。 ichart js 目前支持饼图、环形图、折线图、面积图、柱形图、条形图。 ichart js是基于A pache Licens e2.0协议的开源项目。