I always use Colorzilla's Ultimate CSS Gradient Generator for gradients.

My suggestion is "thenewboston" for learning HTML and JavaScript. Thenewboston provides an interactive way of learning new languages, videos are mostly uploaded by bucky who easily teaches basic ideas for a beginner as well as intermediate and his videos are short and not so boring.

It helped me a lot to learn web technologies. Here is the link of their YouTube channel. And for HTML. Hope this helps you!

I would go through https://developer.mozilla.org/en-US/docs/Learn

ETA - MDN (developer.mozilla.org) is a good site for web dev documentation of all kinds.

[free code camp] (https://www.freecodecamp.org) [Mozilla Developer Docs] (https://developer.mozilla.org/en-US/docs/Learn)

I use freecodecamp to learn the basics, and it functions more as a course. It includes guided exercises and learning tracks to help get you started with learning HTML, CSS, and JavaScript. It also includes projects you can include in a future portfolio site. So far, it's been good and informative.

I use the Mozilla Dev docs for reference and detailed explanation of CSS, HTML, and JavaScript topics. It also takes you from the beginning like freecodecamp but it's up to you to install an editor and follow along with the examples. However, this is a more self-guided approach.

If it helps, I started learning web development in December 2017. I started using freecodecamp to become familiar with HTML markup and languages. I can now make websites with several pages, custom elements(buttons, headers, forms), and JavaScript scripts (animation and interactivity on pages).