This week we're delving into the ultimate guide to proper use of animation, and discovering loads of great animation demos!

♥️

Donovan at CSSAnimation.rocks

Articles

The ultimate guide to proper use of animation in UX — uxdesign.cc

A thorough guide to how we can best use animation in our web experiences - everything from when we should use animations through to how to best make use of timing functions! ✨

Featured

TLDR Newsletter — www.tldrnewsletter.com

If you want to know what's going on in tech, but you don't have time to trawl through all the big heavy news websites, this is the perfect daily newsletter for you. TLDR is a daily, curated email with links and TLDRs of the most interesting stories in tech 👌

Inspiration

Snake Wave — codepen.io

Beautiful 3-d style CSS animation - check out how the shadows move!

CodePen - Colour Beam — codepen.io

Some gorgeous work on the particles here

Animated Search Form — codepen.io

A bold colour change on this lovely example of a search form interaction

CSS Mooncake from Final Space — codepen.io

Loads going on in this CSS Mooncake! I particularly like the fancy background 💥

Switchers (Checkboxes) — codepen.io

Some interesting animated checkbox ideas

Jumping smiley animation pur CSS — codepen.io

Nice squishy effect on this animated jumping smiley! 😄

Pure CSS Particle Animation — codepen.io

Not often we get to see CSS-only particles, this one is very zen altogether

CSS Rainbow Loader — codepen.io

Lovely use of CSS borders to create this simple but charming rainbow loader