3 ms·

A little line-height and content max-width could go a long way

by cwackerfuss 6y ago

deleted 6y ago
[deleted]
scott_s 6y ago
Because the content is just simple HTML, it's amenable to the reader view option available in most browsers.
- benhurmarcel 6y ago
  You can put some simple CSS and still leave the simple HTML available to be styled by the browser's reader mode.
  - hombre_fatal 6y ago
    You're never going to please everyone. I've seen HNers complain about the opposite, that they have a large monitor for a reason and the web designer has wronged them by adding margins. Anyways, I think we're all big boys and girls who can figure out how to use reader mode or resize a window in 2020. That's the whole beauty of the web browser.
- dwaltrip 6y ago
  It should have a sane default. The current default presentation is not sane.
  - clarry 6y ago
    Your user agent should have a sane default. The idea that every text document on the web should ship their own default is insane.
thelazydogsback 6y ago
No... Premature presentation is the root of all evil! :) This is content, not art.
- runawaybottle 6y ago
  Yeah, plus, I should be able to view this page with JavaScript and my entire browser disabled/uninstalled.
codegeek 6y ago
I did this : body { max-width: 600px; margin: auto; line-height: 1.7em; } Much better :)
kristiandupont 6y ago
Firefox reading mode. It saves me 2-3 times per day. Don't know how I ever lived without it!
deleted 6y ago
[deleted]
roryokane 6y ago
I used the Stylus browser extension (https://addons.mozilla.org/en-US/firefox/addon/styl-us/ https://addons.mozilla.org/en-US/firefox/addon/styl-us/, https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne https://chrome.google.com/webstore/detail/stylus/clngdbkpkpe...) to add this style to the page: danluu.com – more-readable text body { max-width: 65ch; line-height: 1.3; /* center the body in the viewport, and then add padding to make up for the default margin we overwrote */ margin-left: auto; margin-right: auto; padding-left: 0.5em; padding-right: 0.5em; } I’ve had that style on for so long I forgot about this site’s terrible defaults.

A little line-height and content max-width could go a long way

deleted 6y ago

[deleted]

scott_s 6y ago

Because the content is just simple HTML, it's amenable to the reader view option available in most browsers.

benhurmarcel 6y ago
You can put some simple CSS and still leave the simple HTML available to be styled by the browser's reader mode.
- hombre_fatal 6y ago
  You're never going to please everyone. I've seen HNers complain about the opposite, that they have a large monitor for a reason and the web designer has wronged them by adding margins. Anyways, I think we're all big boys and girls who can figure out how to use reader mode or resize a window in 2020. That's the whole beauty of the web browser.
dwaltrip 6y ago
It should have a sane default. The current default presentation is not sane.
- clarry 6y ago
  Your user agent should have a sane default. The idea that every text document on the web should ship their own default is insane.

thelazydogsback 6y ago

No... Premature presentation is the root of all evil! :) This is content, not art.

runawaybottle 6y ago
Yeah, plus, I should be able to view this page with JavaScript and my entire browser disabled/uninstalled.

codegeek 6y ago

I did this : body { max-width: 600px; margin: auto; line-height: 1.7em; } Much better :)

kristiandupont 6y ago

Firefox reading mode. It saves me 2-3 times per day. Don't know how I ever lived without it!

deleted 6y ago

[deleted]

roryokane 6y ago

I used the Stylus browser extension (https://addons.mozilla.org/en-US/firefox/addon/styl-us/ https://addons.mozilla.org/en-US/firefox/addon/styl-us/, https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne https://chrome.google.com/webstore/detail/stylus/clngdbkpkpe...) to add this style to the page: danluu.com – more-readable text body { max-width: 65ch; line-height: 1.3; /* center the body in the viewport, and then add padding to make up for the default margin we overwrote */ margin-left: auto; margin-right: auto; padding-left: 0.5em; padding-right: 0.5em; } I’ve had that style on for so long I forgot about this site’s terrible defaults.