3 ms·
This 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 i
by nayuki 3y ago
This 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.