Skip to Content

The author

Rachael Casper

Web Developer

In the latest round of HTML5/CSS3 versus Flash, Adobe has released a preview of their new design tool Edge. It allows users to create animations using HTML5, CSS3 and JavaScript without knowing how to write the code. It is currently available for a free 152 day trial, as they are requesting developers feedback, and it is a little buggy at times (I’ve crashed it three times this morning). It comes with basic drawing and text tools and has a timeline editor so you can animate shapes, positions, opacity, etc.

I’ve been playing around with it and it’s quite simple to get the hang of, especially if you have used timelines before.  When you save your animation, it creates the JavaScript and CSS file for you. You can then add it to a page by simply including these files and a div tag where you want it to display. Adobe says that this is not a replacement for Flash however and that it will continue to support both platforms. I do like this tool for banner ads and simple animations as it’s much faster than writing the code yourself and I will be keeping an eye on future extensions/updates to it. The ability to create more complex animations and games by adding your own JavaScript functions would make this much more useful to me, although maybe that isn’t what this tool is going to be aimed toward. What would you like to see from future versions of Adobe Edge and what would you use it for? @rlparker81