For the last few months I’ve been (re)-learning vanilla CSS. Initially I did not ‘get’ how to structure CSS to take advantage of the ‘cascade’ and avoid specificity issues. Thus gravitated toward TailwindCSS. But now that I’m starting to grok vanilla CSS better, and especially modern features like layers, custom HTML elements and Declarative Shadow DOM, it is a game changer!
I’m working on upgrading my CSS knowledge too. Are there any good resources that you’ve found?
I just learned Tailwind, and have been inspecting the generated CSS (hover in vscode) to see what CSS it generates.
1 Like
I’ve had these bookmarked for a while. - just not had time to go through them yet:
If you do please let us know what you think!
There’s also the tailwind book: book-modern-css-with-tailwind-second-edition 
(PS I moved these posts into a separate thread as I imagine lots of people will be interested!)
2 Likes
Tons of tutorials with examples on codepen
Just to check browser support
Svelte looks amazing for scoped styles
3 Likes
Plus one on CSS tricks, can also recommend Kevin Powell on YouTube:
https://m.youtube.com/@KevinPowell
4 Likes
This is not free, but I heard this is good. https://css-for-js.dev/
2 Likes
Here’s a very reasonably priced course on modern CSS that helped me make sense of the newest development in CSS.
And here are to two comprehensive articles on Web Components:
2 Likes