Hacker News Reader

Comment by doodlesdev | Hacker News Reader

Quite a lot of stylesheets in this simillar vein [0]. Basically doing CSS by using HTML5 semantic elements instead of classes.

My personal favorite is Water.css [1], because it looks good and makes very good use of HTML5 semantics. Tacit [2] is also amazing.

[0]: https://css-tricks.com/no-class-css-frameworks/

[1]: https://watercss.kognise.dev/

[2]: https://yegor256.github.io/tacit/

View on HN

One more that could be added to this list: https://concrete.style (I'm the author)

> Modify the base font-size to 62.5% so that 1.6rem = 16px.

Would you consider removing this?

Of course! I took this idea from the milligram project [1], but if you feel like it is a downside I am open to hearing your arguments. Feel free to open an issue [2] so we can discuss it.

[1]: https://github.com/milligram/milligram/blob/master/src/_Base...

[2]: https://github.com/louismerlin/concrete.css/issues/new

Was interested in the size of these things:

MVP: 8.52K water: 31.61K tacit: 5.49K concrete (from child): 7.15K + 5.99K for normalize.css (13.14K total)

Tacit is most appealing to me to whip something together. Hits the best look/byte ratio for me and seems to be hardly an abuse of HTML at a glance.

I normally use actual semantic HTML with classes as styling hints and minimal CSS/JS. But I don't make anything "real", am definitely not a front-end guy, and my stuff is probably ugly to most.

I remember loving a similar stylesheet for my personal blog, but ended choosing Tachyons because I wanted to have images alongside text(images aligned left, center right alongside text) that I couldn’t figure out how to do with such minimal css.. if anybody knows how, I’d be grateful!

align="right" wouldn't work?

No, it didn’t. The images always showed up big and occupied the whole width of the div. Not sure what I missed. I will have to try to do it again later today.

What you’re looking for is float [1]

[1] https://www.w3schools.com/cssref/pr_class_float.asp

I'm surprised nobody has mentioned simple.css [0] yet, it's by far my favourite and has been discussed on HN before.

[0] https://simplecss.org/

Reply on news.ycombinator.com