←back to thread

Tufte CSS

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

https://resilientwebdesign.com

replies(1): >>45119891 #
1. 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 #
2. LoganDark ◴[03 Sep 25 20:19 UTC] No.45119970[source]▶
Seems like it was designed mobile-first. Or mobile-only.
replies(1): >>45124364 #
3. 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 #
4. 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.
5. NooneAtAll3 ◴[03 Sep 25 21:36 UTC] No.45120661[source]▶
imo that effect is simply due to website being too zoomed-in

if you ctrl-minus a bit, it becomes more bearable

6. primozk ◴[04 Sep 25 06:58 UTC] No.45124364[source]▶
Not so resilient then.