Your SlideShare is downloading. ×
the rabbit and the tortoise
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

the rabbit and the tortoise

2,416
views

Published on

how a fable inspired a css animation library

how a fable inspired a css animation library

Published in: Technology, Lifestyle

0 Comments
14 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,416
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
16
Comments
0
Likes
14
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. THE RABBIT AND THE TORTOISE the story of how a fable inspired a css animation library
  • 2. MY NAME’S PI (my mum calls me sunya)
  • 3. first, a demo
  • 4. PHYSICS and UX
  • 5. Let’s talk about history
  • 6. ROBERT PENNER
  • 7. ƒ(Δ∆t, start, stop, duration)
  • 8. another demo
  • 9. and that’s how we consider most animations - a series of pre-timed, predetermined sequential/parallel motions
  • 10. this was picked up by jQuery, Prototype.js, MooTools, Dojo, et al
  • 11. and there was much rejoicing and revelry to be had
  • 12. THE END
  • 13. THE END except...
  • 14. Let’s talk about physics
  • 15. Let’s talk about physics FAFFERY ALERT
  • 16. Physics is important, mmkay?
  • 17. FAMILIARITY AND AFFORDANCE
  • 18. FAMILIARITY AND AFFORDANCE skeumorphs, anyone?
  • 19. A CONTINUOUS STREAM OF INPUTS (eg: gravity)
  • 20. A CONTINUOUS STREAM OF INPUTS (eg: gravity) including from the users themselves!
  • 21. ƒ(Δ∆t, start, stop, duration)
  • 22. DAMMIT BOB
  • 23. sidenote: css transitions
  • 24. Let’s talk about math
  • 25. “consider time to be a stream”
  • 26. WORST. ANALOGY. EVER. “consider time to be a stream”
  • 27. THE RABBIT AND THE TORTOISE (finally)
  • 28. ZENO’S PARADOXES (look it up. trippy as heck.)
  • 29. Δ∆x = (target - current)*fraction
  • 30. demo
  • 31. interesting, but is it practical?
  • 32. Let’s talk about UX
  • 33. pull out your iPhones
  • 34. DAMMIT APPLE
  • 35. DAMMIT GOOGLE
  • 36. drum roll...
  • 37. BEAM https://github.com/threepointone/beam
  • 38. demos demos demos
  • 39. CAVEATS!
  • 40. and.... done! questions?
  • 41. DHANYAWADAGALU

×