[bryanhogan]

I have been writing a "clean" web development guide focusing on writing HTML and CSS that scales well: https://webdev.bryanhogan.com/

Maybe it's useful for people here. I don't use Tailwind or similar for styling, just CSS with modern frameworks like Astro or Svelte.

For every project I have the following CSS files:

- reset.css

- var.css

- global.css

- util.css

Other styling is scoped to that specific component or layout.

[aejm]

Using a JavaScript framework kind of defeats the whole purpose doesn’t it?

[hstaab]

css modules with react are really nice to work with. Plain css scoped to a component. The two arnt always at odds

[bryanhogan]

Why do you think so?

[floydnoel]

Sounds like a home made Tailwind of your own

[bryanhogan]

Well Tailwind CSS is a CSS framework, and I'm writing CSS.

What Tailwind does is go fully into inline styles though. But I don't think that's an efficient approach, you also break a few other Clean Code principles along the way.

I do have some classes I sometimes apply inline, which are defined in the util.css, but the majority of styling is not done this way.