3 ms·
Author here. I’m 46 and just staring to lose my close vision, so I understand. I did my best to collapse margins on small screens, though there’s still a thin
by syncsynchalt 3y ago
Author here. I’m 46 and just staring to lose my close vision, so I understand.
I did my best to collapse margins on small screens, though there’s still a thin bit of margin around the animations. I think I constrained the max width to keep the text from being harder to read, that’s probably what you’re running into.
As for pixelation, I did all the animations in canvas with 2x subsampling (for retina support) so it should hold up well to zooming as you found.
Glad you found it helpful!
- nayuki 3y agoThis page is a great piece of work overall. I want to nitpick on two things: > I did all the animations in canvas with 2x subsampling (for retina support) so it should hold up well to zooming I think a better fit is to do your animations in SVG. It is definitely possible, for example: https://www.nayuki.io/page/animated-floating-graph-nodes https://www.nayuki.io/page/animated-floating-graph-nodes , https://www.nayuki.io/page/smallest-enclosing-circle https://www.nayuki.io/page/smallest-enclosing-circle . > I did have to hit Ctrl+ to get it to 200% for comfort I think the best thing to do is that the user configures the default font size in their browser, the author uses it as the body text size, and scales headings relative to it (e.g. 200% for <h1>). It looks like the author did well here, setting "--bs-body-font-size: 1rem;" instead of something like 16px or 12pt.