A certain set of people take enormous pride in using unstyled HTML like this. (See "Motherfucking Website" [0])

The problem is it's not 1994 anymore, monitors are no longer 800 pixels wide, so it looks like shit and is impossible to read. It's well accepted that 70-90ish characters per line is best for readability, and instead now on an average monitor unstyled HTML gives you like 250.

[0] https://motherfuckingwebsite.com/

I solve this problem using a bookmarklet [0] which automagically applies sane css to websites like these.

It’s insane that it’s 2020 and some people still refuse to use CSS haha

[0]: https://oxal.org/projects/sakura/bookmark

What is insane is that peoples user-agents do not format documents the way their users want.

They're getting better with reader modes, I just which they could remember what pages were in reader mode and be less picky about when it's available. Some default syntax highlighting would be nice too.

I recommend the Just Read add-on. It does readable formatting for you and sometimes even removes paywalls popups.

I quite like http://bettermotherfuckingwebsite.com and all the variants you get if you google "motherfucking website"

The author seems to have given this topic some thought [0].

Personally, I did not experience any problems reading it on my ~50cm wide monitor.

[0] https://twitter.com/danluu/status/1228041917272715264

Resize your browser window. It's a flexibility most "modern" websites deny us.

Just resize the window?

browser > reader mode FTW! Really, it's that simple!

I also couldn't read it on a 27" 4k monitor, just closed the site. I tried with zooming in, but it was still too much of a hastle.

What are you saying, that the font was rendered too small? This is a configuration problem.

You might consider setting your browser's default font size to something appropriate for your DPI.

> It is very annoying to this post on a 28" monitor... the text runs from left to right with no margin spacing.

Rotate your monitor by 90 degrees for a better reading experience. If this is not possible, buy one that can.

Until it arrives, use the Reading View of your preferred browser.

Do you actually do that?

I've tried it. In portrait mode, my old 24" 16:10 monitor is already tall enough to wreck my neck and be really uncomfortable to read. I wouldn't even want to try that with my current 27" 16:9 monitor..

Just how close to your monitor do you sit? I have no problems with my 24" 16:10.

The nuisance for me is actually rotating the monitor, particularly if OS support for detecting such and automatically rotating the view is missing. So while I like portrait mode, I tend to just keep it one way or the other, based on my overall monitor configuration.

> Do you actually do that?

Yes, of course.

My monitor can roate 90 degrees, but I prefer it landscape, it's more ergonomic not to have to tilt your head vertically, your eyes are horizontal.

> My monitor can roate 90 degrees, but I prefer it landscape, it's more ergonomic not to have to tilt your head vertically, your eyes are horizontal.

It's more like looking at an ordinary A4 page.

to be fair, I was relearning to just resize my window.

Sounds like a client issue. What CSS are you viewing the page with?

Better than hardcoding some fixed or percentage width, leaving 5 inches of wasted blank space on the left and right side of the page, like many web sites do.

There's not even a <body> tag. It just has some header information and jumps right in to the text, but he took the time to add Google Analytics. It's so bizarre.

You do know that the <body> tag is optional in HTML5? From MDN: The <body> tag “may be omitted if the first thing inside it is not a space character, comment, <script> element or <style> element. The end tag may be omitted if the <body> element has contents or has a start tag, and is not immediately followed by a comment.”

However, in this particular case the body starts with a space character, so it should have a body tag.

A minimal valid HTML5 document looks like:

    <!doctype html>
    <meta charset=utf-8>
    <title>blah</title>
    <p>I'm the content