Your SlideShare is downloading. ×
0
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
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

CSS

585

Published on

Sunil Pai, UI architect at Myntra talks about CSS and JS at BigRock's httpX 2013 Mumbai

Sunil Pai, UI architect at Myntra talks about CSS and JS at BigRock's httpX 2013 Mumbai

Published in: Technology, Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
585
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
4
Comments
0
Likes
1
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. “consider time to be a stream” WORST. ANALOGY. EVER.
  • 27. THE RABBIT AND THE TORTOISE (finally)
  • 28. ZENO’S PARADOXES (look it up. trippy as heck.)
  • 29. demo
  • 30. interesting, but is it practical?
  • 31. Let’s talk about UX
  • 32. pull out your iPhones
  • 33. DAMMIT APPLE
  • 34. DAMMIT GOOGLE
  • 35. drum roll...
  • 36. BEAM https://github.com/threepointone/beam
  • 37. demos demos demos
  • 38. CAVEATS!
  • 39. and.... done! questions?
  • 40. DHANYAWADAGALU

×