Live data from Hacker News

Concrete.css

concrete.style

31–40 of 117 posts

Re: Concrete.css

#31
post #27

Would this be more correctly called a CSS "stylesheet"? Calling it a "CSS framework" really sent me in a loop trying to figure out what "framework" means.

Very good point, I modified the page. The project started-out non-classless, so the term was more appropriate back then.

Re: Concrete.css

#32

water.css[0] and pico.css[1] are some of my favorite classless css libraries. There's a full list of them here: https://github.com/dbohdan/classless-css [0]: https://watercss.kognise.dev/ [1]: https://picocss.com/

I love the bookmarklet from water.css, it allows you to turn lots of websites into something more readable.

Re: Concrete.css

#33
Nice idea and naming, I love concrete and brutalism.

I miss some concrete texture, could be easily done with SVG filters. Also, concrete is gray, but this is black and white, I'm not really sure that fits the theme perfectly. Maybe a single modifier class on the body would make sense.

Edit: I see that it detects my OS dark theme, but the site could help me compare with the normal mode.

Re: Concrete.css

#34
For personal projects, I really wish there was some sort of semantic CSS with many different implementations, which this could be one of them.

What I mean is a set of rules on how to structure your HTML (like use a main element here) with some set expectations of how it will be structured on the page.

Then, many different people could write different spritesheet that makes the same HTML looks widely different. I'm not just talking colour, but fonts, radius, opacity, animations, etc. etc.

One stylesheet could make the HTML look barebone black and white, where another makes it look all in gradients of purple with fancy animations etc.

All for the purpose of writing simple application where you don't care so much about how they look.

- classes would not be used - CSS variables would not be used - just plain old div, H1, section etc.

Re: Concrete.css

#35
post #4

Not sure I would make the "disabled" buttons stand out more brightly than a regular button. In fact I would swap the colors of those buttons, or maybe make the disabled button greyed out.

The buttons also need a hover/focus state, easy win for accessibility there

Re: Concrete.css

#36

  1. Modify the base font-size to 62.5% so that 1.6rem = 16px.
That is not a given as it depends on browser settings and it generally doesn't mix well with other CSS that might not make the same assumption.

Re: Concrete.css

#37
post #36

1. Modify the base font-size to 62.5% so that 1.6rem = 16px. That is not a given as it depends on browser settings and it generally doesn't mix well with other CSS that might not make the same assumption.

I borrowed this from Milligram[0] because it seemed like a sane thing to do at the time. Would your recommendation be to not anything to the base font-size and adjust the REM sizes accordingly?

[0] https://github.com/milligram/milligram/blob/d895f179623b56f3...

Re: Concrete.css

#38
post #34

For personal projects, I really wish there was some sort of semantic CSS with many different implementations, which this could be one of them. What I mean is a set of rules on how to structure your HTML (like use a main element here) with some set expectations of how it will be structured on the page. Then, many different people could write different spritesheet that makes the same HTML looks widely different. I'm no…

Semantic HTML exists and is usable, most developers just want to make their site look like they want (nothing wrong with that). Problems arise when sites don't use semantic elements, style with bespoke class systems. And functionality or markup can't be changed with CSS, so when that's related to the theme it's quite hard to change.

Re: Concrete.css

#39
post #29
post #27

Would this be more correctly called a CSS "stylesheet"? Calling it a "CSS framework" really sent me in a loop trying to figure out what "framework" means.

Modern CSS stylesheets include configurability via CSS variables on the root element so maybe that's where the "framework" comes from. Also note: This project looks like an even more minimized version of PicoCSS [1] [1] https://picocss.com/

Oh pico looks very nice - and something I am likely to actually use. concrete is a bit too minimal for me.

I like the concept of classess css but most of the solutions I looked at (before pico) were just not very pleasing oob.

Post reply on HN