- CSS Animation Weekly
- Posts
- CSS Animation Weekly - Issue #20 - Functional animation, CSS parallax, sketching interface animations
CSS Animation Weekly - Issue #20 - Functional animation, CSS parallax, sketching interface animations
Loads happening this week! We start with an inspiring and useful talk from Sarah Drasner all about animating our UI, delve into some amazing CSS parallax scrolling tricks with Paul Lewis, and learn how Eva-Lotta Lamm incorporates animation into design. Also, get along to our #animationchat tomorrow - it's going to be fun!
♥️
Donovan at CSSAnimation.rocks
Articles
Don't miss this talk from Sarah Drasner on how we can use animation to improve our web projects.
Paul Lewis discusses ways we can use just CSS to create parallax scrolling elements on pages - with a few gotchas and ways to get around them.
In this interview Eva-Lotta shares her strategies and approaches for breaking interactions into stages.
Featured
This Tuesday we're holding a Twitter chat! Using hashtag #animationchat, let's get together at 3pm EST (8pm GMT) for an hour to chat about web animation. The topic this time is designing and building landing pages, and will feature our own @donovanh. Don't miss it!
Hire Top Designers Faster: The search is over. Let Toptal connect you with the world's most talented UX/UI designers. Get started today.
Inspiration
Interesting demo showing the difference between animating image layers in canvas vs CSS.
A slick, simple delete (incl. confirm) button animation.
Cool demo showing how mgGlitch.js can be used to add a glitch effect to images.
A roundup of all sorts of cool Codevember experiments.
Animation in the real world
Super smooth animations and a lovely airy design make browsing this website a joy. Lots to be inspired by here.
Impress your friends
If you enjoyed this newsletter, share it! Forward it to someone you know that might appreciate some fantastic UI animation inspiration - they'll think you're great ;)