As the name implies, it's about motion. Specifically, web animation to get your pixels movin'. It's a collection of tutorials, tips and tricks that will hopefully help with your daily animation work.
Finally, I hope the site is a source of ideas and inspiration for you.
It's also not about perfection. This website isn't perfect. I'm not perfect. You're not perfect. Well, maybe you are. I don't know you. I'm just trying to share knowledge, make some pixels move around the screen and have a bit of fun.
SVG calligraphy can be tricky with varying width strokes and text overlapping itself. Learn how to do it with multiple masks.
Learn how to get the correct path points out of Adobe Illustrator for smooth organic SVG morphing.
Dynamically build a SVG wavy gauge with jumping numbers and link the time to a draggable element.
Learn the basics about GreenSock's MotionPath plugin with a piggy bank and some flying dollars.
Using GreenSock's mapRange() utility method, we'll create four dials and interactively change the background color with (hsla).
What is GSAP? Why do you want to use it? Let's find out in this quick 5 minute tutorial.
You can unfold most any SVG shape with a helper line. Squares, triangles, hexagons? Yep. It's easier than you think.