awesome-css-frameworks

no suggestions in this reply, nor can I speak to if this is a good or bad idea, but you may like to learn about "classless css frameworks", basically just targeting the html5 semantics https://github.com/dbohdan/classless-css also, https://github.com/troxler/awesome-css-frameworks others may give you a _real_ recommendation. cheers

Agreed, find a class-less framework to start, so that you focus on just the HTML, semantic structure first. Here's a couple of lists of such frameworks: https://github.com/troxler/awesome-css-frameworks#class-less https://github.com/dohliam/dropin-minimal-css Personally, I like simple.css (https://github.com/kevquirk/simple.css)

Like the previous submitter ( https://news.ycombinator.com/item?id=30885700 April 2022 ) I found classless.css while investigating semantic html-oriented css libraries and this one stood out to me as having a good balance. I'm not ideologically opposed to using classes, but using them for every bit of styling seems off and I'd rather see good default styles for regular semantically structured html. For example, classless.css uses the "card" class for cards which don't have a clear analog in among standard html tags: https://developer.mozilla.org/en-US/docs/Web/HTML/Element Alternatives: Water.css: https://watercss.kognise.dev/ MVP.css: https://andybrewer.github.io/mvp/ Missing.css: https://missing.style/ Aggregations: https://css-tricks.com/no-class-css-frameworks/ https://github.com/troxler/awesome-css-frameworks#class-less

Maybe not exactly what you‘re looking for, but you could give https://github.com/vinibiavatti1/TuiCss a try. More here: https://github.com/troxler/awesome-css-frameworks#specialize...

You can have a look at https://github.com/troxler/awesome-css-frameworks which is an extensive collection of CSS frameworks. Check out the "Class-less" section for similar projects. There is also an open PR to add Simple.css to the list: https://github.com/troxler/awesome-css-frameworks/pull/85

Are you looking for a CSS framework? Here are some: https://github.com/troxler/awesome-css-frameworks

I don't think there's anything official or even standard for naming. Some places refer to them as class-less: https://github.com/troxler/awesome-css-frameworks#class-less And these seem to be the strictly frameworks without classes. This site refers to them as "drop-in" frameworks (and lets you test them out live): https://dohliam.github.io/dropin-minimal-css/ The ones here appear to not be strictly class-less, since I know at least some of those frameworks do have classes, but are probably optional/very light on classes. 98.css would also be a "drop in" in this case since you can see things like the title bar do use classes: <div class="title-bar"> <div class="title-bar-text">A Title Bar</div> <div class="title-bar-controls"> <button aria-label="Close"></button> </div> </div>

It's a cool little snippet but it's nothing more than three run-of-the-mill CSS declarations. The maximum width is specified, a small padding is applied and the margins around the element are set to automatic so it centers itself horizontally. All the other styles applied on this pages are not part of the snippet. The weight of the titles, the spacing under the paragraphs, etc., are all specified on the page's CSS file but not described in the blogpost itself. [0] I was expecting something akin to normalize.css[1] which normalize the default styles of your page[2]. There are multiple very lightweight CSS "frameworks" that you should carry around instead of the snippet shown here. We are talking ~5KB. See https://github.com/troxler/awesome-css-frameworks#very-light for a great list. [0] https://jrl.ninja/etc/post.css [1] http://nicolasgall

Disclaimer: I'm a frontend/fullstack dev. One of the methods I use is browsing other sites and taking inspiration. You can even inspect their elements if you'd like to see how they the style (don't copy paste!). Other suggestions: - Team up with someone with some ui skills - Use a css framework: https://github.com/troxler/awesome-css-frameworks - Choose a color scheme and add some margin and padding to everything and stick to the scheme. - React component libraries are becoming much more general purpose and easier to use. If you're up to sinking a few hours into it, try create-react-app (https://github.com/facebook/create-react-app) and then use a react component library like material ui (https://github.com/mui-org/material-ui)

There are lots of them: https://github.com/troxler/awesome-css-frameworks