Creating Animated Radial Progress Bars with SVG, CSS and VueJS
This tutorial covers a lot of ground! Animating SVG, Vue, and even the math behind figuring out how far around a circle to make things go.
Adding particle effects to the DOM
If you like the DOM and you like particles, why not put them together for some fun?
Stuff you can do with CSS pointer events
Not strictly animation related, but pointer events have really come in handy for some of the UI animations I’ve made in the past.
Physics-based background scroll effect
A fun and blobby background scroll effect tutorial that covers some neat stuff about using SVG filters too.
Put your design into motion
An interview with me about where animation fits in the design process and in design systems. It’s for my workshop at UX week but there’s some helpful tips in there even if you’re not heading to that event.