https://practicaltypography.com/
I don't agree with everything on this website, however it has helped me tremendously in developing an eye for type.
My favorite links:
https://practicaltypography.com/typography-in-ten-minutes.ht...
After applying the advice on this page on dozens of site and experimenting and tweaking for hours, I understood the thought process behind these deceptively simple rules.
https://practicaltypography.com/color.html
This drives home the concept of "less is more" and leads by example.
https://practicaltypography.com/straight-and-curly-quotes.ht...
I just love the layout of this page. The design of the table, the elegant asides and a hundred smaller details.
There are areas I don't agree with the author, especially when it comes to the engineering side of web design.
https://practicaltypography.com/the-scorpion-express.html#th...
And yes, there are some controversial choices in the design of the website, notably how links are displayed.
However the pros far outweigh the cons.
> But consider making body text on screen dark gray rather than black. Screens have more severe contrast than paper, and thus are more tiring to read at full contrast. This is because screens produce color by emitting light directly, whereas paper produces color by absorbing and reflecting ambient light.
To mimic the effect of paper, shouldn't the background be made gray instead of the text?