Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

Welcome to Adobe Edge

DZone's Guide to

Welcome to Adobe Edge

· Web Dev Zone
Free Resource

Discover how to focus on operators for Reactive Programming and how they are essential to react to data in your application.  Brought to you in partnership with Wakanda

This morning, Adobe released a preview of Adobe Edge, the first Adobe tool dedicated to HTML5 and CSS3 animations. As the web standards are evolving to enable interactive animations, Adobe Edge lets you choreograph graphical assets on the screen. Motion designers who are used to After Effects or Flash Pro can create advanced animations in few seconds thanks to Edge. You can directly work on the timeline to manipulate your keyframes and add prebuilt easing effects on your transitions. It’s not even an alpha release, it’s a “Preview 1″, that’s why a lot of features are still missing. That said, you can have fun playing with the position of your assets, the scale property or the opacity. When you’re ready, Edge exports an HTML document and leverages the latest features of the HTML5 standard, CSS3 animations and the jQuery library.

I really appreciate the timeline approach. I used to be a Flash motion designer (a long long time ago) before focusing on Rich Internet Applications. That’s why I understood the Edge UI in a few minutes and produced this animation in less than 10 minutes during my lunch break (click on the picture to launch the animation). Test the animation on your smartphones too!

I also want to introduce a new website: the expressive web. Still in beta, this project is a great showcase of the most creative features of HTML5 and CSS3.

It’s good to see that Adobe is committed to providing first-class software for web animators. Now they can also target the latest generation of browsers leveraging the power of HTML5 and CSS3. Hopefully, we’ll see more and more web banners and websites using HTML5 thanks to Adobe Edge. It’s a great opportunity for web animators and HTML designers. But now let’s go back to another source of fun: Enterprise RIAs and Flex…

Learn how divergent branches can appear in your repository and how to better understand why they are called “branches".  Brought to you in partnership with Wakanda

Topics:

Published at DZone with permission of Michael Chaize, DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.

The best of DZone straight to your inbox.

SEE AN EXAMPLE
Please provide a valid email address.

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.
Subscribe

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}