New Toronto Group
 - New Toronto Group

Adobe Edge: Flash Like Animation with HTML5 CSS and JavaScript

| Posted on August 10th, 2011 by Chad Upton

By Chad Upton - Senior Consultant

Flash started out as an animation platform, but quickly became a tool for building Rich Internet Applications. It's a very powerful runtime that exists on many platforms, but it's not on all of them. One of the few environments that is more ubiquitous than Flash, is the web browser. Unfortunately, the tools for developing content in HTML, CSS and JavaScript are still very elementary compared to the tools we have for desktop applications.

Adobe makes Dreamweaver, one of the most popular web development tools, but it is not as comprehensive as Flash for building applications. One area where Dreamweaver falls short is animation. Enter Adobe Edge.

Adobe Edge is currently in preview; it's not finished yet. So far it's a very nice animation platform that renders content using HTML5, CSS and Javascript -- no Flash Player required.

The animation capabilities are very similar to Flash; however, the user interface is less like Flash and more like Adobe's video editing applications like Premiere and After Effects. UI aside, the concept is very similar to Flash and Flash users will pick it up quickly. Just like Flash, the results can be very impressive. In fact, I tested some of the following samples on mobile devices and the performance was excellent too.

Samples that were created with Adobe Edge:



If you want to see the product in action, have a look at the getting started video.

Thanks for reading, and if you want to learn more about HTML5, CSS and JavaScript, join us online or in person for an HTML5 course!

Adobe Edge Links:




Posted in adobe, ajax, animation, Chad Upton, css, edge, Flash, HTML5, javascript, preview  | Comments (0)

Comments (0)

Add a Comment

To use reCAPTCHA you must get an API key from

Allowed tags: <b><i><br>Add a new comment: