Good CSS learning resources and blog posts?

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!

3 Likes

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 :023:

(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