The Future of HTML5 Motion Design
-
Upload
terry-ryan -
Category
Technology
-
view
2.053 -
download
2
description
Transcript of The Future of HTML5 Motion Design
The Future of HTML5 Motion DesignTerry Ryan | Developer EvangelistTwitter: @tpryan
Who Are You?
ANIMATION
HTML JS CSS animation is very capable
Prove it!
ADOBE EDGEIntroducing
Adobe Edge
• Motion and interaction design for open standards
• Build with HTML5, CSS, JavaScript
• Precise, productive and performant
• Output performs well on devices
Demo
Punchy
Examples
Preview 4 Released Yesterday
Preview 4Features
• Symbols– Timelines within
timelines
• Clipping– Revealing pieces
of complete animation
• Font Face– Ability to pull in
web fonts
Demo
Punchy
• Get Edge– http://labs.adobe.com/technologies/
edge/
Next Steps with Edge
CSS SHADERS
What if browsers could do more?
Enter CSS Shaders
Cinematic effects for the
web
Examples
• Coming to browsers soon.
Next Steps with CSS Shaders
CONCLUSIONS
Web creators live in three
worlds
The PastThe Present The Future
Adobe wants to help
(Near) Present• Adobe Edge
– Animation– HTML/JS/CSS– Works across
available browsers
Future• CSS Shaders
– Make browsers do more
Follow up?
• Preso will be up at – http://slideshare.net/tpryan
• Feel free to contact me– [email protected]– http://terrenceryan.com– Twitter: @tpryan