Although HTML5 animations using Adobe Edge is very new but the things that you can do with this new tool is breathtaking though, which otherwise would have been very hard to achieve writing code to do the same. I tried some basic animated banners using Edge and it looked just like flash banners. Alright, so we know that we can create cool stuff with Edge but I wanted to add events to the animated banners. Lets say that on click of a text or an image you are taken to a new URL or may be you open a pop up. The requirements can be different. So lets quickly discus on how to add events to your HTML5 animation that you have created using Edge.
Tag Archives: Adobe Edge
Adobe Edge – HTML5 animation
I have just tried out the new preview release of the Adobe Edge tool and created an animation based on HTML5. As I have posted earlier that Adobe has this thing called Edge with which you can do stuff like Flash, you can add tweening animations, effects, move the objects, ease out, ease in and do a whole lot of stuff. What you can do is that you can download the preview version, its free but only for 142 days, that sounds enough to get you going and may be complete a couple of projects within the time limit. The animation runs in all the latest version of browsers. Some cool stuff can be done. Check out the animation here
Here is a video to get you started: Edge closer look by Adobe Fellow Mark Anders
Adobe focusing on HTML5 with its new Edge software
Adobe has indeed started considering HTML5 as a big threat to flash technologies and has started to focus on the new web standards of HTML5, CSS3. Adobe’s main answer to doing fancy things on the web was the flash player, a plugin that needs to be installed with web browsers to view rich contents on the web page. Now with the rise of mobile and tablet devices starting to support the new web standards for HTML5, CSS3 and JavaScript when Flash was either being not supported or not allowed to run in these devices has led Adobe to come up with quick answers.
“What we’ve seen happening is HTML is getting much richer. We’re seeing more workflow previously reserved for Flash being done with Web standards,” said Devin Fernandez, product manager of Adobe’s Web Pro group.
With the public preview release of their new Edge software thay have made this clear that they are serious. This is what they are saying about Edge
“Adobe® Edge is a new web motion and interaction design tool that allows designers to bring animated content to websites, using web standards like HTML5, JavaScript, and CSS3.”
You can download the preview version of Edge right now from the Adobe Labs site http://labs.adobe.com/technologies/edge/
This official video will also help you to get started
