How to fix a dragging animation with math
Interactions like dragging can come with a lot of expectations around how objects should behave. Getting the physics right with a little math can make all the difference in making a satisfying animation.
Creating and SVG neon effect
An in-depth tutorial from Nils Binder that walks you through the whole process from drawing the artwork to animating the SVG effect. The secret ingredient for this effect is SVG filters and CSS animation.
Split words or characters and more using CSS vars with this little library from Stephen Shaw. He even has this handy set of examples to show what it can do.
A fun spiraly animation of an SVG colour font. Colour fonts seem pretty darn cool if you ask me. (Be sure to check this one out in Firefox though, Chrome doesn’t support them at the moment.)
This viewer by Nat Alison is super fun to play around with, and it’ll make you feel smarter while you do it!