4 ms·

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.cs

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/ https://css-tricks.com/no-class-css-frameworks/ [1]: https://watercss.kognise.dev/ https://watercss.kognise.dev/ [2]: https://yegor256.github.io/tacit/ https://yegor256.github.io/tacit/

louismerlin 4y ago
One more that could be added to this list: https://concrete.style https://concrete.style (I'm the author)
- Tade0 4y ago
  > Modify the base font-size to 62.5% so that 1.6rem = 16px. Would you consider removing this?
  - louismerlin 4y ago
    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.sass https://github.com/milligram/milligram/blob/master/src/_Base... [2]: https://github.com/louismerlin/concrete.css/issues/new https://github.com/louismerlin/concrete.css/issues/new
reacharavindh 4y ago
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!
- franciscop 4y ago
  align="right" wouldn't work?
  - reacharavindh 4y ago
    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.
    - gabereiser 4y ago
      What you’re looking for is float [1] [1] https://www.w3schools.com/cssref/pr_class_float.asp https://www.w3schools.com/cssref/pr_class_float.asp
salmo 4y ago
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.
jszymborski 4y ago
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/ https://simplecss.org/

louismerlin 4y ago

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

Tade0 4y ago
> Modify the base font-size to 62.5% so that 1.6rem = 16px. Would you consider removing this?
- louismerlin 4y ago
  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.sass https://github.com/milligram/milligram/blob/master/src/_Base... [2]: https://github.com/louismerlin/concrete.css/issues/new https://github.com/louismerlin/concrete.css/issues/new

reacharavindh 4y ago

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!

franciscop 4y ago
align="right" wouldn't work?
- reacharavindh 4y ago
  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.
  - gabereiser 4y ago
    What you’re looking for is float [1] [1] https://www.w3schools.com/cssref/pr_class_float.asp https://www.w3schools.com/cssref/pr_class_float.asp

salmo 4y ago

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.

jszymborski 4y ago

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/ https://simplecss.org/