• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Animating html elements for fun and profit
 

Animating html elements for fun and profit

on

  • 662 views

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

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

Statistics

Views

Total Views
662
Views on SlideShare
660
Embed Views
2

Actions

Likes
2
Downloads
2
Comments
1

1 Embed 2

https://si0.twimg.com 2

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

11 of 1 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • Demo code dump (including my unfinished dynamic tweening lib) here - http://www.mediafire.com/?gfoz4gtt35y1f42
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • \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 Animating html elements for fun and profit Presentation Transcript

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