←back to thread

Tufte CSS

(edwardtufte.github.io)
203 points avinassh | 2 comments | 03 Sep 25 18:41 UTC | HN request time: 0.01s | source
Show context
mediumsmart ◴[03 Sep 25 19:44 UTC] No.45119697[source]▶
There is more to this

https://resilientwebdesign.com

replies(1): >>45119891 #
skrtskrt ◴[03 Sep 25 20:09 UTC] No.45119891[source]▶
That looks horrific too why is there an enormous amount of space between each letter, word, and line.
replies(3): >>45119970 #>>45119976 #>>45120661 #
1. daemonologist ◴[03 Sep 25 20:20 UTC] No.45119976[source]▶
The line height is cranked up to 1.75 and font size is derived from the view width:

    calc( 1em + (2 - 1) * ( (100vw - 20em) / ( 100 - 20) ))
Works on mobile (and probably on a vertically oriented monitor) but it's pretty poor on a small and wide laptop screen. Fortunately it's constrained to 2em above a vw of 100em or ultrawide would be very interesting indeed.
replies(1): >>45120547 #
2. wmf ◴[03 Sep 25 21:22 UTC] No.45120547[source]▶
The text is enormous on a "standard" 1280px desktop window and very little content fits on the screen due to the vertical spacing.