Preview 7 is here. New features include resizable layouts, rulers and guides, a more precise timeline, and much more.
Motion and Interaction Design for HTML5
Adobe® Edge Animate is a powerful, intuitive tool for creating stunning animated and interactive content using HTML5, CSS3 and JavaScript. Edge Animate is intuitive and has powerful features that can save time and headaches. Content made with Edge Animate runs gracefully on mobile devices and desktops, expanding your reach on the modern web.
Edge Animate Highlights:
Intuitive user interface — The features of Edge Animate are centered around a WebKit-based stage, so your compositions have fidelity across modern browsers. Design engaging HTML content with an assortment of styling options and integration with font services like TypeKit.
Animate with precision — Add motion to graphics and HTML elements with amazing accuracy with Edge Animate using the powerful, yet easy-to-use, timeline editor. Edit property-based keyframes and enhanced easing for complete animation control, or leverage the Pin tool to speed up the animation process.
Energize existing HTML — Since Edge Animate works natively with HTML, you can open HTML pages and add motion to them. The animation code generated by Edge Animate is stored in a separate file, so the integrity of the page is preserved.
Extend — Enhance the richness of your work with Edge Animate by handling user interaction and playback control. Use the built-in code snippet library or add your own JavaScript code.
Symbols — Create nested animations with independent timelines and interactive capabilities. Symbols are reusable and can be controlled via exposed APIs and pre-built code snippets.
Mobile-ready content — Content created with Edge Animate is designed to work reliably on iOS and Android devices, and modern desktop browsers such as Firefox, Chrome, Safari, and Internet Explorer 9. Edge Animate also lets you define a fallback state for older browsers.
