Web Animation
Modern post-flash tools and systems to create interaction and animation.
Tutorials
- Bezier Curves in CSS
- CSS animation curved paths
- Paralax Tutorials
- Movng Paralax
- Interactive background
- Codrops So much there it hurts
- Eleqtriq the header design is awesome, blog of tutorials and articles.
- Aerotwist tutorials on interaction
- Animated transitions
- Val Head Web Animation
- Lerp animation
CSS & Frameworks
- Popmotion The JavaScript motion engine
- Animate.css A collection of css classes for animating objects.
- Velocity.js a replacement for JQuery animation.
- Create.js A collection of multimedia resources.
- Scroll reveal fade in scroll reveal library.
- Flickety touch enabled carousels
- Greensock aka "gsap" The mother of all animation frameworks.
Inspiration
- Hakim interaction designer with great projects
- Dawn of Dreams The interaction on the site is awkward but the moving paralax is wonderful.