The presentation page dearly needs colour. Even if you emulate terminal feeling, you need to use colour.
The Monospace Web
11–20 of 159 posts
Re: The Monospace Web
#12If nothing else, the tree ul-list css class is good enough that it should be part of the HTML spec (as in: a tag) imo. What an incredibly useful thing that is.
Re: The Monospace Web
#13The tight line spacing has a negative impact on readability. It’s hard to read long paragraphs of dense body text like this. But the tables and other character graphics require this tight leading. That’s the problem with using the same character grid for both graphics and text. It could be alleviated with a font that has a particularly low x-height (leaving more margin above and below the letters).
Is it the tight line-height, or just the fact that monospace fonts a more difficult to read than proportional fonts
(due to monospace words have a more similar 'shape' than proportional type words)
Re: The Monospace Web
#14It looks nice and refreshingly light.
Re: The Monospace Web
#15Typography is so difficult on the web due to lack of support for things CSS textbox-trim https://github.com/jantimon/text-box-trim-examples You can see that even on this website, if you click "Debug Mode" (top right) and notice that later in the page, the headings and body copy begin to drift out of vertical alignment (against the background grid).
That type of font/textbox issue is my #1 gap in modern CSS.
Honestly I'm surprised that it wasn't addressed long ago, seems like such a foundational issue for rendering text.
Re: The Monospace Web
#16It looks nice, and I'm glad that it's semantic and responsive, but the fundamental problem is that monospace just isn't great for body text. I've read blog posts on multiple sites with monospaced body text, it's okay, but proportional really is the way to go in my opinion.
Re: The Monospace Web
#17The tight line spacing has a negative impact on readability. It’s hard to read long paragraphs of dense body text like this. But the tables and other character graphics require this tight leading. That’s the problem with using the same character grid for both graphics and text. It could be alleviated with a font that has a particularly low x-height (leaving more margin above and below the letters).
I thought you meant line width and was confused because it's in the generally accepted range (~70 characters).
The line height, I agree, is too tight. 19.2px at 16px font size is too cramped at only 1.2x. Making it 24px is a big improvement.
To my eye, however, a taller line height doesn't affect the tables and other character graphics. With some tweaks like this I think the monospace style comes across quite well.
* edit - I think I see your point; it does break the author's concept of the fixed grid (set line-height: 24px for p elements and turn on the author's "debug mode" to see the grid.
Re: The Monospace Web
#18Main problem is I guess the website would be broken the moment the user choose the setting to use his preferred font on the browser and do not use a monospace one.
Re: The Monospace Web
#19The tight line spacing has a negative impact on readability. It’s hard to read long paragraphs of dense body text like this. But the tables and other character graphics require this tight leading. That’s the problem with using the same character grid for both graphics and text. It could be alleviated with a font that has a particularly low x-height (leaving more margin above and below the letters).
Had the same instant turn off.
Re: The Monospace Web
#20It looks nice and refreshingly light.
The page loads a webfont (Jetbrains Mono) with 4 different weights, for a total payload of 725KB. Looking light and being light are 2 different things.