This week we're learning how animation can really help and play and big part of UX, experimenting with crazy accordions and finding all sorts of inspiration. Also don't forget, my course will be going up in price in about a week.

♥️

Donovan at CSSAnimation.rocks

Articles

Creating Usability with Motion

Essential reading for all of us working on client facing websites and apps. This article explores the benefits of animation for our users and their experience interacting with our work.

Expanding Bar Navigation Concept — tympanus.net

Wonderful demo from Codrops, this is like an accordion on steroids, turned on its side.

Featured

Level Up your CSS animation skills — courses.cssanimation.rocks

You've learned all about transitions and animations, but how do you really built animation into your work? This course will show you.

Inspiration

Revealing content on hover

Nice demo showing how extra content can be revealed on hover using just a couple of transitions.

Space Rocket

See this rocket engage it's thrusters and blast through space 🚀

Pure CSS UFO Preloader

More space themed animation with this alien spaceship preloader 👽

Codepen Editor in HTML/CSS

Loads going on in this animation of a CodePen editor, made with an animated SVG 😼

animated css studio - first dribble shot

This Dribbble-invite thanks animation is just amazing, created using SVG, CSS animation and even a working clock on the wall 🕙

ring on the water

Clever location-aware hover animation 💦

Sleepy Programmer

Super cute animation of an image created entirely using HTML and CSS 🙌

Animation in the real world

Johnson Banks — www.johnsonbanks.co.uk

This site uses an unusual and lovely animated navigation method where the site's panels resize on select. Addictive!