Hacker News new | past | comments | ask | show | jobs | submit login

Good lord, body { max-width: 600px; } why in 2023, not everyone is reading this on an iPhone, and even if some were, that's why @media exists.



To quote pg, “The aim of web design is not to use all available screen space. It is legibility. Text is most legible with no more than 70 characters per line.”


I wonder why, then, HN comments don't adhere to that: .comment { max-width:1215px } in news.css here on my system, which feels very readable and reasonable at around 200 chr per line at 100% scaling. I also disagree with the 70 chr recommendation: with this article, literally the entire body is limited to a very small max width which takes up between a quarter to a third of the screen on two different computers I use at home. It's a distractingly bad experience to read, so much so that I went in and modified that CSS rule just to get through it. 1200 felt right and made it a much more visually pleasing square, rather than a thin column in a sea of stark gray.

There are actual standards for this, but they're more like recommendations, and ironically https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-cont... recommends "Width is no more than 80 characters or glyphs (40 if CJK)." while the first line of the paragraph explaining why is 112 characters wide and looks pretty much fine / comfortable to read on my screens.

While there are psychological reasons to use shorter line lengths, as this SO answer details the whole 80 column width thing goes all the way back to punchcards in 1928 https://softwareengineering.stackexchange.com/questions/1486...

Edit: here's what HN comments would look like with 65-70chr per line: https://i.imgur.com/yeMF6IY.png vs default with 1215px per the news.css rule: https://i.imgur.com/IXNyhfL.png .


1. pg is wrong. Text is perfectly legible to me even at 200 characters per line. Different people are different.

2. Since different people are different, it makes no sense to handicap everyone just because some people have a hard time reading text that is wider than a narrow column. Make the text fill most of the window, and that way people can have the window sized to whatever their comfort level is.

This trend of super narrow columns of text is making the web worse. It needs to die.


The "70 characters per line" stuff comes from books which almost by definition are long-term reading projects involving many pages and lines.

The web ... is not that.


Consider something like Firefox' Reader mode, and impose your own CSS layout.

Here's my current setup (multiple narrow columns—the OP fits entirely in one screen, looks like a newspaper).

https://news.ycombinator.com/item?id=37595128


This seems fine on desktop. Besides phone users can be biggest whiners about not being able to read some blog, article etc as it is not phone optimized. So for better or worse (IMO worse) they have established primacy on how websites should be designed or configured.


I use reader mode most of the time on my phone.




Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: