Adobe使用'Edge'拥抱HTML5:您需要知道什么?

作者:栾裳袤

Adobe Edge的公开预览已经发布,该公司的新Web运动和交互设计工具已经发布。新工具将允许设计人员使用HTML5,JavaScript和CSS3将动画内容带到网站。根据Adobe的创意解决方案架构师John Cole的说法,Edge将“使用类似Flash的动画”但使用HTML5。新工具背后的目的是使用HTML5和CSS3为Web动画创建类似Flash的开发环境。 Adobe Edge现在可从Adobe实验室网站免费下载。该公司表示,Edge将定期更新,具有新的功能。它还证实该工具很快就会拥有更多功能。你需要知道什么?使用此版本的Adobe Edge,开发人员可以为可以在设备和桌面上运行的新的或现有的HTML项目添加丰富的动画设计。该工具具有时间线编辑器,可帮助设计动画。开发人员还可以使用运动元素修改现有HTML文件,同时保持基于CSS的HTML布局的完整性。 Edge使用单独的JavaScript文件来存储动画,这可以将原始HTML与Edge的动画代码区分开来。 Edge中生成的动画内容以JavaScript Object Notation(JSON)数据结构表示,该结构保留了基于CSS的布局。 Adobe Edge的用户界面主要基于舞台,时间轴以及元素和属性的面板,类似于After Effects和Flash Professional。开发人员可以在基于WebKit的舞台上编辑动画和控制计时。他们也可以直接在时间轴上通过财产调整来完成。 Adobe Edge使用基本HTML构建块,文本和导入的Web图形使组合更容易。开发人员可以借助许多转换和样式选项对对象进行所需的更改。在Adobe Edge中创建的iOS和Android兼容动画兼容iOS和Android平台。它们还可以在支持WebKit的设备和桌面浏览器(如Firefox,Chrome,Safari和Internet Explorer 9)上可靠运行.Adobe Edge支持的技术包括JavaScript,JSON,HTML / HTML5,CSS,包含SVG的Web图形,基于jQuery的动画框架。....