News for hackers. Stuff that matters.
Re:58 bytes of CSS to look great nearly everywhere by magnio on Sunday September 25, 2022 @12:17PM (#32972848)
A comparison using danluu's website:

Default: https://postimg.cc/k2Zwffms

With the 100 bytes version: https://postimg.cc/645d9vKT

Re:58 bytes of CSS to look great nearly everywhere by mod on Sunday September 25, 2022 @01:32PM (#32973735)
Thanks for taking a minute to do this, it gives a nice side-by-side for a real-world example. What a great improvement.
Re:58 bytes of CSS to look great nearly everywhere by xani_ on Sunday September 25, 2022 @03:43PM (#32975233)
That line spacing is obnoxiously big tho
Re:58 bytes of CSS to look great nearly everywhere by skyfaller on Sunday September 25, 2022 @05:25PM (#32976431)
Yeah, I agree the line spacing is far too much. Butterick's Practical Typography recommends 1.2 to 1.45: https://practicaltypography.com/line-spacing.html

Really the only reason to use a line spacing of 2 is if you are printing it and then editing the text with a pen. So... maybe in a print stylesheet in a very specific situation? But never on the web, IMHO.

Re:58 bytes of CSS to look great nearly everywhere by collinmanderson on Monday September 26, 2022 @12:05PM (#32984851)
Yeah when I saw 2em padding and 1.75 line height in the css I thought "too big". I think 1em padding and 1.5 line-height are a bit better for general defaults.

It often can look better to have more whitespace, but it lowers information density. It depends on the situation.

Re:58 bytes of CSS to look great nearly everywhere by rossjudson on Sunday September 25, 2022 @06:24PM (#32977000)
I think the line spacing is "comfy". Approved. For me.
Re:58 bytes of CSS to look great nearly everywhere by c0mptonFP on Sunday September 25, 2022 @03:04PM (#32974821)
Line spacing is atrocious
Re:58 bytes of CSS to look great nearly everywhere by baud147258 on Sunday September 25, 2022 @04:27PM (#32975772)
I honestly prefer the default version. Less scrolling to do.
Re:58 bytes of CSS to look great nearly everywhere by thiht on Monday September 26, 2022 @05:50AM (#32981151)
That's the wrong metric. Scrolling is less straining than moving eyes (or even the head in this case).

People complain a lot about "wasted screen estate" but the first version that "doesn't waste blank space" is completely unreadable to me on desktop, I want to stop reading after the first line.

Re:58 bytes of CSS to look great nearly everywhere by helmholtz on Monday September 26, 2022 @02:37PM (#32986581)
That website really grinds my gears. He's the equivalent of an HN influencer I guess, because I seem to come across him every three days. Like the Stratecherry guy. And it's so naff. It's clearly designed to look like that on purpose and it's kind of a thumbing-your-nose at your audience thing. "My words are so important that you can get fucked if you want max-width". It REALLY annoys me way more than it should. After all, it's just another dude on the internet.
Re:58 bytes of CSS to look great nearly everywhere by _def on Sunday September 25, 2022 @04:32PM (#32975859)
But more horizontal eye movement, which at least I find unpleasant
Re:58 bytes of CSS to look great nearly everywhere by phist_mcgee on Sunday September 25, 2022 @06:28PM (#32977037)
Try reading his site on a 21:9 and your eyes start bleeding.
Re:58 bytes of CSS to look great nearly everywhere by baud147258 on Tuesday September 27, 2022 @08:06AM (#32994300)
well, browser windows can be resized to take half one's screen...
Re:58 bytes of CSS to look great nearly everywhere by desertlounger on Sunday September 25, 2022 @10:13PM (#32978566)
Can't help but think that both would look a lot better w/ text-align: justify on paragraphs.