3 ms·

SPCSS Demo: A simple stylesheet for simple text-based websites

38 points by susam 5y ago

Semiapies 5y ago
This is one of the better "classless" CSS styles, at least on mobile.
euroderf 5y ago
It seems to be missing semantic HTML: main nav header footer article section details summary aside. Any recommendations for a simple stylesheet that does semantic too ? Or for a Tufte-style that puts asides and footnotes in the right column ?
riffic 5y ago
(edit: was) showing 404. source: https://github.com/susam/spcss https://github.com/susam/spcss
kkoncevicius 5y ago
Tangentially related, but I re-iterated the style of my "simple text-based website" a few times. During this period I noticed that once I find a design that looks slick - it gets too familiar after a couple of weeks and then looses it's "charm" and all the other sites I read suddenly appear more readable. One such time I stumbled upon a very clean website [1] and thought to myself how good it looked. After inspecting the style it turned out that it only centered the text, reduced the size of the headers, and increased the line height; didn't even bother to declare font-family as serif or sans. And that's what I ended up using too. It gets boring, as all the other styles did, but having it at that level of minimalism has its own charms, so I am no longer adjusting anything. Another, similar point, is that when the content is good - the style get's ignored. As an example, I read these [2] [3] from start to finish without distracting myself, and enjoyed the read. Didn't even notice that they are in a plain `txt` style, and when I did - it wasn't an issue. Basically what I am saying is that people can pay too much attention on style, and it gets overrated. At least in my opinion. [1]: https://web.archive.org/web/20210614170925/https://www.gtf.io/musings/dna-and-surveillance-capitalism/ https://web.archive.org/web/20210614170925/https://www.gtf.i... [2]: https://netfuture.org/2001/Nov1501_125.html https://netfuture.org/2001/Nov1501_125.html [3]: http://fmwww.bc.edu/repec/bocode/t/transint.html http://fmwww.bc.edu/repec/bocode/t/transint.html

38 points by susam 5y ago

This is one of the better "classless" CSS styles, at least on mobile.

It seems to be missing semantic HTML: main nav header footer article section details summary aside. Any recommendations for a simple stylesheet that does semantic too ? Or for a Tufte-style that puts asides and footnotes in the right column ?

riffic 5y ago

(edit: was) showing 404. source: https://github.com/susam/spcss https://github.com/susam/spcss

kkoncevicius 5y ago

Tangentially related, but I re-iterated the style of my "simple text-based website" a few times. During this period I noticed that once I find a design that looks slick - it gets too familiar after a couple of weeks and then looses it's "charm" and all the other sites I read suddenly appear more readable. One such time I stumbled upon a very clean website [1] and thought to myself how good it looked. After inspecting the style it turned out that it only centered the text, reduced the size of the headers, and increased the line height; didn't even bother to declare font-family as serif or sans. And that's what I ended up using too. It gets boring, as all the other styles did, but having it at that level of minimalism has its own charms, so I am no longer adjusting anything. Another, similar point, is that when the content is good - the style get's ignored. As an example, I read these [2] [3] from start to finish without distracting myself, and enjoyed the read. Didn't even notice that they are in a plain `txt` style, and when I did - it wasn't an issue. Basically what I am saying is that people can pay too much attention on style, and it gets overrated. At least in my opinion. [1]: https://web.archive.org/web/20210614170925/https://www.gtf.io/musings/dna-and-surveillance-capitalism/ https://web.archive.org/web/20210614170925/https://www.gtf.i... [2]: https://netfuture.org/2001/Nov1501_125.html https://netfuture.org/2001/Nov1501_125.html [3]: http://fmwww.bc.edu/repec/bocode/t/transint.html http://fmwww.bc.edu/repec/bocode/t/transint.html