Live data from Hacker News

Replying to comments about our web page design

research.exoticsilicon.com

1–10 of 211 posts

Re: Replying to comments about our web page design

#2
I've always liked ExoticSilicon's design, but not until this post did I realize their smart bit of CSS for default font size:

  font-size: min(max(1em, 1.3vw), 1.3em);
Which explains why it looks just right on my high-DPI Chromebook even though I haven't configured a big enough default font size for the browser.

This is going to be the default font-size for all of my websites now (preceded by a fallback for maximum compatibility of course).

Re: Replying to comments about our web page design

#3
post #2

I've always liked ExoticSilicon's design, but not until this post did I realize their smart bit of CSS for default font size: font-size: min(max(1em, 1.3vw), 1.3em); Which explains why it looks just right on my high-DPI Chromebook even though I haven't configured a big enough default font size for the browser. This is going to be the default font-size for all of my websites now (preceded by a fallback for maximum com…

Here's an explanation of this expression from Phind: https://www.phind.com/search?cache=bd161914-4d18-4758-b540-2...

Re: Replying to comments about our web page design

#4
That's it, I've completed the Internet. This is my new favorite page. The aesthete in me may bristle, but the pragmatist agrees. There are many ergonomic and UX concerns to consider when designing things, but I think they make their case very well and I didn't find it a problem to read at all.

Re: Replying to comments about our web page design

#10
post #3
post #2

I've always liked ExoticSilicon's design, but not until this post did I realize their smart bit of CSS for default font size: font-size: min(max(1em, 1.3vw), 1.3em); Which explains why it looks just right on my high-DPI Chromebook even though I haven't configured a big enough default font size for the browser. This is going to be the default font-size for all of my websites now (preceded by a fallback for maximum com…

Here's an explanation of this expression from Phind: https://www.phind.com/search?cache=bd161914-4d18-4758-b540-2...

Make the font scale from a minimum of 1em to 1.3% of the screen width with a maximum width of 1.3em?
Post reply on HN