Facilitating the spread of knowledge and innovation in professional software development



Choose your language

InfoQ Homepage News Adobe previews HTML5 animation IDE

Adobe previews HTML5 animation IDE

This item in japanese


Adobe during its annual developer’s conference has previewed an IDE for HTML5 animation. The IDE, codenamed Edge, uses the WebKit rendering engine to preview animations and like Dreamweaver, offers a source code editing mode.

The Edge UI follows the same principles as the other Adobe tools, so it will be familiar to Flash developers. It features a Stage window displaying the layout of the page and a timeline window underneath showing the modifications to the various elements over time. To the right of the Stage is a Layers panel for DOM elements. Selecting a layer will display that layer’s properties in the property explorer and supports CSS transformations for 2D and 3D. There are other Flash similarities like the use of Actions, Symbols, etc.

Under the hood, Edge uses jQuery and CSS to manage transitions:

// Action executed on a specific event , e.g. button is clicked

For the demoed example, Edge also seems to be using jQuery UI and the jQuery Easing plugin.

For more information, AdobeTV features a video [Flash] with Mark Anderson demonstrating the IDE prototype.

It is still unclear how far Adobe is aiming to take this prototype and if it will soon be demonstrating more core-HTML5 technologies like <canvas> and <video>.

We need your feedback

How might we improve InfoQ for you

Thank you for being an InfoQ reader.

Each year, we seek feedback from our readers to help us improve InfoQ. Would you mind spending 2 minutes to share your feedback in our short survey? Your feedback will directly help us continually evolve how we support you.

Take the Survey

Rate this Article


Hello stranger!

You need to Register an InfoQ account or or login to post comments. But there's so much more behind being registered.

Get the most out of the InfoQ experience.

Allowed html: a,b,br,blockquote,i,li,pre,u,ul,p

Community comments

Allowed html: a,b,br,blockquote,i,li,pre,u,ul,p

Allowed html: a,b,br,blockquote,i,li,pre,u,ul,p


Is your profile up-to-date? Please take a moment to review and update.

Note: If updating/changing your email, a validation request will be sent

Company name:
Company role:
Company size:
You will be sent an email to validate the new email address. This pop-up will close itself in a few moments.