What are some great resources to learn about web animations?

To really nail those impressive animations, it’s crucial to understand both the tools available and how to use them effectively in real projects. YouTube channels like JavaScript Mastery, DesignCourse, and Kevin Powell are excellent for picking up modern CSS techniques. For high-end animations, GSAP is a must-try (with free beginner resources), and if you’re into 3D, Three.js is pretty slick. For written materials, MDN Web Docs and CSS-Tricks are key for mastering the basics, while Codrops does a fantastic job with advanced landing page techniques. Also, try building small animated projects rather than just watching tutorials; it really boosts your learning process.

For basic animations, CSS is a solid foundation. But if you're aiming for more complex animations, I'd suggest looking into GSAP or Framer Motion. While their resources can be pricey, I found a helpful YouTube video that kicks off your learning: [Check this out!](https://www.youtube.com/watch?v=9-fO_2xTpgY&t=4s).

A great starting point is to check out the code behind the sites you admire. Open up the CSS files and see how they achieve those stunning effects. For inspiration, Awwwards is a decent site, although it isn’t as high-quality as it used to be. Libraries like Three.js and d3.js can completely change your approach to web apps, but keep in mind that some of these animations might impact user experience and performance. Good luck on your journey!

Be sure to check out Josh Comeau's work; he’s got a course coming up called "Whimsical Animations." He also covers CSS and React. It might be a bit on the expensive side, so look out for sales, like on Cyber Monday!