This week we're exploring building interactive sparkles, variable fonts, and even animating grids!

❤️ Donovan at CSSAnimation.rocks ☕️

Building an Interactive Sparkline Graph with D3 — tympanus.net

Learn how to build a handy little sparkline using D3

Variable fonts in real life: how to use and love them — evilmartians.com

Not just about animation, but variable fonts can be dynamically adjusted to create interesting effects. Learn all about them here

Animated Grid Tracks with :has() — css-irl.info

A useful article for animating CSS grid values

Inspiration

Very cool demo of a set of animated range sliders

Lumon Industries

I looked at this logo and suddenly 8 hours passed

grow anim

Hold the fern! Stunning procedurally-generated plants use Three.js to render differently each time

Pipes

Random and very cool JS-animated pipes

Retro Breakpoints of Infinity

Neat responsive demo

You can support this newsletter

Want to help me keep this newsletter online? Buy me a coffee!