Animating html elements for fun and profit

707 views

Published on

A walkthrough of some stuff I've learnt about animating html elements

Published in: Technology, Design
1 Comment
2 Likes
Statistics
Notes
  • Demo code dump (including my unfinished dynamic tweening lib) here - http://www.mediafire.com/?gfoz4gtt35y1f42
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
707
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
4
Comments
1
Likes
2
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Animating html elements for fun and profit

    1. 1. damn straight.
    2. 2. A deconstruction of Michael Jackson’s “History” and a case for why it’s the best album ever made Sunil Pai, Y!
    3. 3. Why?
    4. 4. Why?Because you care, and no one else will.
    5. 5. Basically. Generally. Essentially.
    6. 6. setInterval() sucks
    7. 7. setInterval() sucks “tweens”
    8. 8. setInterval() sucks “tweens”
    9. 9. easing
    10. 10. requestAnimationFramehttp://paulirish.com/2011/requestanimationframe-for-smart-animating/
    11. 11. mobile! requestAnimationFramehttp://paulirish.com/2011/requestanimationframe-for-smart-animating/
    12. 12. “dynamic” tweens?
    13. 13. “dynamic” tweens?pull out your phones
    14. 14. zeno’s paradox
    15. 15. pizza!
    16. 16. sidenote: shapes and color and transforms, oh my http://css-tricks.com/examples/ShapesOfCSS/ http://css3shapes.com/
    17. 17. sneak peek: something cool I’ve been working on
    18. 18. Questions?
    19. 19. Peace.

    ×