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.