I'm 53 and I'm at least five years behind getting my specs sorted out - they are currently perched right on the end of my nose now and I have to get the angle right sometimes (astigmatism).
That page is nearly fine for me but I just hit CRTL + to scale up. That works for me.
That page is pure text with no or at least minimal fiddling. You have your solution for your use case and I have mine. A blind reader will also have their solution, so they can even access it. Thanks to the simplicity of the source: all solutions to accessibility are also going to be reasonably simple.
I think that Dan understands how to communicate effectively - keep it simple and don't assume that eyes will read your words. You can trivially (and you do) fiddle with the presentation yourself for your own purposes.
I think that if you don't like the presentation of something like this then you could reformat it yourself, prior to engagement. Dan has kindly provided his message as a simple text stream that can be trivially fiddled with.
Click on reader view. Then you can customise reader view from the menu and set it to how you want it. Then every time you click on reader view you can read in the font and size that works for you.
Pinch to zoom magnifies part of the page. That’s less helpful for text because you have to scroll the smaller viewport to read a complete line of text.
On iOS, there’s a text scale button in the URL bar which does the trick.
I think your mods are sensible, however if Dan Luu added those CSS rules himself, there would be comments on here lamenting the low density and "excess whitespace". Luu's audience, on the whole, probably prefers the relatively unstyled approach.
I disagree. The user can change the window size, font size, colours, etc according to their own preferences.
> I read a lot of Dan Luu's posts, and each time I have to do this sort of thing to make it readable.
You shouldn't have to. You should be allowed to add a CSS file which can apply to multiple files, and then use that, instead of having to do it for each file individually.
You can change your browser's default font size if you find it too small. It's in Firefox's main settings page. Websites shouldn't force "font-size: 18px;" because it then makes the font smaller for users who picked a larger font in their browser.
Funnily enough, Dan calls out the differences of opinion of the styling of his site starting at this paragraph:
> Just as an aside, something I've found funny for a long time is that I get quite a bit of hate mail about the styling on this page (and a similar volume of appreciation mail). …
> AFAIK he intentionally leaves them out, I don't get why.
Some people like to brag about the timelessness of their articles [1], and that might be one reason. (I personally don't fully agree though, even the linked original WikiWikiWeb page has a last edited date.)
It's more of a hipster thing imo. For some people since it's minimalist and looks "old" , it must be good. Like I get keeping it simple but man it's CSS..
Some of it can be appealing, when basic ergonomic needs are met (readable text size and line length, adequate margins, and so forth). Most is just brutally pretentious, IMO.
Actually when I hit pages like this, I use the increase font size buttons. I tend to do this on phones too, especially. Yes, reader mode is also an option, but just bumping up the font size works too. You could also go back to the days when we had 800x600 monitors and 16px tended to be just the right size for that. ;-)
Who read article like this on mobile? In a pinch, I'd just activate Reader Mode (Safari, iOS), or more likely save it for reading on a bigger screen (tablet, laptop,…)
Read it on iOS Safari, without reader mode. Worked great.
Only thing that annoyed me is that there are very lengthy appendices. Thus the scroll bar suggests the main article is much longer than it actually is.
This page doesn’t specify _any_ font size. It relies on your browser to choose an appropriate size instead. If the text is too small for you to read, then your browser settings for default font size are wrong.
This page doesn’t specify _any_ font size. It relies on your browser to choose an appropriate size instead. If the text is too small for you to read, then your browser settings for default font size are wrong.
True, although not all browsers have Reader Mode. Chrome didn't have it until last year, and the version they built is a sidebar, unlike most Reader Modes. This is probably because they want to make sure ads are shown alongside the Reader Mode.
FYI the optimal line length is 50-75 characters and that has been the standard for text since the type writers. You don't want to move your neck when you read a single line that's kinda silly.
If you have to move your head when reading text in your web browser, then your web browser’s window is too wide. Narrow it until you are comfortable, but don’t try to impose your limitations on other people.
> that has been the standard for text since the type writers
I have a feeling it was the standard because they used the minimum font size to make the letters readable, and that's how much it fit on the physical page width. Which was standardized before typewriters for unknown historical reasons?
> You don't want to move your neck when you read a single line that's kinda silly.
I don't have to move my neck to read the article spread across the full width of my monitor. On 13" laptop or 24" desktops. Are you using a 21:9 utrawide?
It's been this way forever because it's not particularly difficult science and is extremely easy to test for so there are probably thousands of papers covering this. Here's a good summary by Baymard Institute[1].
Also WCAG recommends line length set to <80 characters too [2]. I'm not sure what else could make this more convincing or official.
Just like lelanthra currently applies custom CSS `body { max-width: 38rem; }` to this page, if the page had that maximum width set by default, you would equally have the ability to apply the CSS `body { max-width: unset; }` to the page. So you would not be denied the option of longer lines.
If you can't read font-size: 14px, you got your resolution/scaling/screen size wrong. The default text size is similar to the standard text size of OS UI controls. If you can't read them, I'd suggest to reconfigure your setup: change resolution, change scaling, or configure the default zoom level.
Do you have any idea of the layers of tooling you must use these days to produce those 64 bytes, and how each of those layers change and remove was was fed from all the other layers? To get exactly those bytes out the other end of the tools would be a herculean effort.
Because we can’t just go around trying to understand basic web-based development without the frameworks … can we?
Seriously, techies, it's an extra 64 Bytes to make your page more readable.