The Future of HTML5 Motion Design

2,208
-1

Published on

A presentation on Adobe Edge and CSS shaders.

Published in: Technology, Design
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,208
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
28
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • Designer?Developer?Both?jQuery?jQuery Mobile?PhoneGap?TypeKit?Adobe Edge?
  • The Future of HTML5 Motion Design

    1. 1. The Future ofHTML5 MotionDesign
    2. 2. Who Are You?
    3. 3. ANIMATION
    4. 4. HTML JS CSS animation is very capable
    5. 5. Prove it!
    6. 6. ADOBE EDGE
    7. 7. • Motion and interaction design for open standards • Build with HTML5, CSS, JavaScriptAdobe • Precise, productive and performantEdge • Output performs well on devices
    8. 8. Demo Punchy
    9. 9. Examples
    10. 10. Preview 4ReleasedYesterday
    11. 11. • Symbols – Timelines within timelines • Clipping – Revealing pieces ofPreview 4 complete animation • Font FaceFeatures – Ability to pull in web fonts
    12. 12. Demo Punchy
    13. 13. Next Steps with Edge• Get Edge – http://labs.adobe.com/technologies/edge/
    14. 14. CSS SHADERS
    15. 15. What if browserscould do more?
    16. 16. Enter CSS Shaders
    17. 17. Cinematiceffects for the web
    18. 18. Examples
    19. 19. Next Steps with CSSShaders• Coming to browsers soon.
    20. 20. CONCLUSIONS
    21. 21. Web creatorslive in three worlds
    22. 22. The PastThe PresentThe Future
    23. 23. Adobe wants to help(Near) Present Future• Adobe Edge • CSS Shaders – Animation – Make browsers do more – HTML/JS/CSS – Works across available browsers
    24. 24. Follow up?• Preso will be up at – http://slideshare.net/tpryan• Feel free to contact me – terry.ryan@adobe.com – http://terrenceryan.com – Twitter: @tpryan

    ×