Happy halloween! This week we're celebrating spookiness with... ah... scary grids and terrifying math! Wooooo!

❤️ Donovan at CSSAnimation.rocks

Cool stuff

CSS Animated Grid Layouts — web.dev

Some useful tips and exploration of ways to create smooth transitions for grid layouts

Giving Personality to Procedural Animations using Math — www.youtube.com

While the maths here is above my head, I enjoyed the clear and accessible presentation explaining how we can use maths to create procedural, dynamic animation timing without keyframes.

And now a word from...

Inspiration

#CodePenChallenge: Ghosts & Ghouls

A collection of ghastly ghost and ghoul inspiration to celebrate the spooky season!

Mini Tokyo 3D — minitokyo3d.com

A real-time 3D digital map of Tokyo's public transport system, produced by Akihiko Kusanagi.

Dance Morph - CSS — codepen.io

Lovely use of animated squircles! It reminds me a bit of this WWDC demo

Can :has Connect 4? 🙀 — codepen.io

I can't get enough of CS-only games, and this one using checkboxes and :has is amazing

🧵 @by_index homepage animation — twitter.com

One last link - I'm wary of linking to Twitter these days, but this is a lovely thread on how some cool blobby interactive animation was created