What problem are we solving?This video shows how we can create animation effects from first principles.
If you know these three concepts:
I can run timed code using setTimeout and setInterval.
I can change CSS properties of DOM elements with Javascript.
Put those three fundamental concepts together and you can do anything! Let’s see!:
Here’s a half hour video of me showing the marketing team how to apply these ideas:
...
Let's try it out interactively using the Javascript console!
Want to animate a bouncing square around the page? You can do it.
Want to have a fade in and out of a quote? You can do it!
If you can imagine it, you can program it.
Notice that there is symmetry with CSS transitions.