Web Animation Buffet

1,548 views

Published on

Published in: Design
1 Comment
1 Like
Statistics
Notes
  • Check the below link for JavaScript or JQuery colour animation.

    http://www.encodedna.com/2013/06/jquery-color-animation.htm
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
1,548
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
18
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide

Web Animation Buffet

  1. 1. Web Animation Buffet Options for Animating on the Web @joshager http://joshsagermedia.com Joshua Sager g Loop Pittsburgh g Jan. 18, 2011 1
  2. 2. Flash was the only disco in town 2
  3. 3. Then jQueryjoined the fun 3
  4. 4. HTML5& CCS3 Came Along 4
  5. 5. Theindustry wentbananas 5
  6. 6. Today’s webis sporting a new look 6
  7. 7. Navigating these technologies canbe a BIG challenge 7
  8. 8. It’s about the idea.Technology should be invisible. 8
  9. 9. What are people making? 9
  10. 10. Dan Mallhttp://miamiadschool.danielmall.com/pop527/ 10
  11. 11. Polaroids with CSShttp://www.zurb.com/playground/css3-polaroids 11
  12. 12. CSS & jQuery Clcokhttp://demo.tutorialzine.com/2009/12/colorful-clock-jquery-css/demo.html 12
  13. 13. DJ Herohttp://demo.marcofolio.net/jquery_dj/ 13
  14. 14. CSS3 Spider-Manhttp://www.optimum7.com/css3-man/animation.html 14
  15. 15. Image Transitionshttp://www.nikesh.me/demo/image-effect.html 15
  16. 16. Nike Better Worldhttp://nikebetterworld.com/index 16
  17. 17. Nike Snowboardinghttp://www.nikesnowboarding.com/ 17
  18. 18. Photo Galleryhttp://gughifassino.it/#/all/ 18
  19. 19. 3D Cubehttp://www.paulrhayes.com/experiments/cube-3d/index.html 19
  20. 20. Our OptionsFlash jQuery CSS3 Sencha 20
  21. 21. Flash demo 21
  22. 22. jQueryhttp://labs.joshsagermedia.com/basic-jqueryhttp://labs.joshsagermedia.com/basic-jquery/source.zip 22
  23. 23. CSS3 http://labs.joshsagermedia.com/css3http://labs.joshsagermedia.com/css3/source.zip*These demos should be viewed in chrome or safari 23
  24. 24. Sencha http://labs.joshsagermedia.com/css3/sencha.htmlhttp://labs.joshsagermedia.com/css3/sencha-source.zip *These demos should be viewed in chrome or safari 24
  25. 25. Lets Compare 25
  26. 26. FLASH JQUERY CSS3 SENCHAIE (LEGACY) IE 9 FIREFOX CHROME SAFARI OPERAIPAD/IPHONE * * * ANDROID * * 26
  27. 27. Takeaways 27
  28. 28. Become aTechnology Wrangler 28
  29. 29. Technologies can work together 29
  30. 30. It’s about the idea.Technology should be invisible. 30
  31. 31. ank you! ese wonderful illustrations were created by the lovely and talented Rachel Arnold Sager (h p://52ills.com) http://joshsagermedia.comJoshua Sager g Loop Pittsburgh g Jan. 18, 2011 31

×