Concrete.css • Hacker News Board

Re: Concrete.css

#91

Post by nc0 » Thu, Feb 08, 2024, 3:53 PM UTC

lancesells wrote: post #76

nc0 wrote: post #64

As it is often said in various designer forums, please avoid pure white (#FFFFFF) on black (here #111111), as it makes the text glow for the human eyes (therefore making it unreadable for long text). Instead, try to lower a bit the contrast on the text color. Also, the dispositions for the buttons at the beginning (GitHub, NPM, ...) are not adjusted correctly for keyboard navigation (each button requires two tabs). A…

Tufte is really nice but requires a custom font, which IMO is no longer minimal. And totally agree with black text on white.

Agree, that depends on your vision of minimalism and stuff.

Re: Concrete.css

#92

Post by kmoser » Thu, Feb 08, 2024, 4:05 PM UTC

sn0wleppard wrote: post #35

kmoser wrote: 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

Agreed, maybe even just invert it to white-on-black on hover.

Re: Concrete.css

#93

Post by lagt_t » Thu, Feb 08, 2024, 4:13 PM UTC

julianwachholz wrote: post #11

ambigious7777 wrote: post #2

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 Pico and wanted to point out there's very active development for a soon to be released v2: https://v2.picocss.com/

Pico with bootstrap's grid system would be a dream.

Re: Concrete.css

#94

Post by DeathArrow » Thu, Feb 08, 2024, 4:13 PM UTC

What's wrong with Tailwind CSS?

Re: Concrete.css

#95

Post by swyx » Thu, Feb 08, 2024, 4:18 PM UTC

i collect these! https://github.com/swyxio/spark-joy/blob/master/README.md#dr...

Re: Concrete.css

#96

Post by treflop » Thu, Feb 08, 2024, 4:22 PM UTC

pier25 wrote: post #79

dvdkon wrote: post #66

Earlier quoted context omitted.

This really depends on the user's display and the viewing conditions. Someone with a TN LCD or even an OLED in bright light would likely prefer the "high contrast" #FFF on #000.

It's also an accessibility issue. People with astigmatism might have a hard time with bright text over dark background. https://medium.com/@h_locke/why-dark-mode-causes-more-access...

I have astigmatism and dark mode is hard to read.

Black text on white background all day.

Re: Concrete.css

#97

Post by sgdesign » Thu, Feb 08, 2024, 4:47 PM UTC

lagt_t wrote: post #93

julianwachholz wrote: post #11

Earlier quoted context omitted.

I love Pico and wanted to point out there's very active development for a soon to be released v2: https://v2.picocss.com/

Pico with bootstrap's grid system would be a dream.

You don't need a grid system now that CSS Grid exists.

Re: Concrete.css

#98

Post by NotHereNotThere » Thu, Feb 08, 2024, 4:53 PM UTC

First thing that came to mind was the Slackware Linux website [0] style (which hasn't changed since I last looked at it in early 2000's)

[0]: www.slackware.com

Re: Concrete.css

#99

Post by lagt_t » Thu, Feb 08, 2024, 4:55 PM UTC

sgdesign wrote: post #97

lagt_t wrote: post #93

Earlier quoted context omitted.

Pico with bootstrap's grid system would be a dream.

You don't need a grid system now that CSS Grid exists.

The responsiveness of bootstrap's grid is something that css doesn't have. With a few classes I can make the same site for mobile and ultra wide screen.

Re: Concrete.css

#100

Post by kemayo » Thu, Feb 08, 2024, 5:02 PM UTC

It looks fine, and I guess it's going for a theme, but I actively disagree with removing the color from links. Making a link and underlined text completely indistinguishable is a bad idea for usability. That alone makes this something I would never drop-in to a simple site.