Me: Codes a really cool website animation in javascript for 2 days.

*Opens youtube, random tutorial for the same animation in CSS in 30 min.*

Me: * Cries in the corner. T-T *

You learn a lot more by figuring things out yourself. And comparing your solution with a tutorial is a great way to check if you're following best practices.

Well, you've learnt something better. Isn't that good?

@Scade What if the tutorial isn’t following best practices?

What about animation?

Unless it's a key part of the app, a javascript animation isn't worth the additional resource usage.

But you learnt how to do it yourself which is far more valuable to you and any employer. Anyone can follow a tutorial. Knowing what works, what doesn't and why is so much more important. Good work.

I once made a sine wave generator in JS. Took me about 3 days to get shit done. We've all been there.

It's okay to cry, and I can tell you I had a similar experience quite often. But what I can also tell you is that time to learn and build is never wasted time! Now you probably have a better understanding of how animation works, and it will be easier to understand and use animations in CSS (or maybe not, as some CSS animation techniques can be quite hacky workarounds). Also, you could use your javascript code to provide a fallback for browsers that do not support modern CSS. Anyway, you built something that works!

@3rdWorldPoison I would love to see it or one sentence explaining how it was implemented. css clippath?