8 ms·

I can't zoom the text on this website. I don't want to generalize to wm design choices but why, why would people do that on some sites, why is this even technic

by comboy 8y ago

I can't zoom the text on this website. I don't want to generalize to wm design choices but why, why would people do that on some sites, why is this even technically possible.

aboutruby 8y ago
I have compiled a few usability issues from their website: https://github.com/koekeishiya/chunkwm/issues/576 https://github.com/koekeishiya/chunkwm/issues/576
- jamestanderson 8y ago
  Submitted a PR for the font size issue. Thanks for compiling a list!
  - giancarlostoro 8y ago
    Thank you for that, I was curious what in CSS would cause this effect that I don't hear often about so I could avoid making that mistake in CSS, looks like it was vmin versus using em. I don't recall if I've ever used vmin, but now I know now to use it for fonts at least, or to mostly avoid it. Looks like your PR made it in too! The PR for those curious: https://github.com/koekeishiya/chunkwm/commit/052c880d15a21bceab257f4a63c8792d72c67668 https://github.com/koekeishiya/chunkwm/commit/052c880d15a21b...
fao_ 8y ago
It's negative accessibility, if you zoom the text gets smaller.
carimura 8y ago
literally the first thing I thought. Never even seen that before.
robotresearcher 8y ago
Works as normal on desktop (Safari, MacOS)
- ddebernardy 8y ago
  Not really. It zooms eventually, but then you get to also see how broken scrolling is. (You can't scroll using the space bar, and you can't read what's at the very bottom of the text, or at least not when using my low res large font setup.)
  - chrischen 8y ago
    He's probably talking about trackpad pinch-zoom.
    - robotresearcher 8y ago
      Both pinch and cmd+ work fine for me. Cmd+ makes the font effectively bigger and reflows the text just fine.
nerdponx 8y ago
It looks like the problem stems from having everything set in terms of viewport units, e.g. font size set to 1.5vmin, and div width set to 100vmin.
entropie 8y ago
font-size: 1.75vmin;
alpha_squared 8y ago
It's from the use of `vmin`, which is better used for padding/margins than text. CSS accepts units of measure, `vmin` in this case, interchangeably wherever a property accepts units of measure. Font sizes accept unit of measure, so the site author decided to use `vmin` for the font size.
lunchables 8y ago
Works fine for me (Linux, Firefox CTRL-+).
- FreeFull 8y ago
  That's because the website was changed after that comment was made, to fix this issue.
novaleaf 8y ago
works ok on firefox desktop

by comboy 8y ago

I can't zoom the text on this website. I don't want to generalize to wm design choices but why, why would people do that on some sites, why is this even technically possible.

aboutruby 8y ago

I have compiled a few usability issues from their website: https://github.com/koekeishiya/chunkwm/issues/576 https://github.com/koekeishiya/chunkwm/issues/576

jamestanderson 8y ago
Submitted a PR for the font size issue. Thanks for compiling a list!
- giancarlostoro 8y ago
  Thank you for that, I was curious what in CSS would cause this effect that I don't hear often about so I could avoid making that mistake in CSS, looks like it was vmin versus using em. I don't recall if I've ever used vmin, but now I know now to use it for fonts at least, or to mostly avoid it. Looks like your PR made it in too! The PR for those curious: https://github.com/koekeishiya/chunkwm/commit/052c880d15a21bceab257f4a63c8792d72c67668 https://github.com/koekeishiya/chunkwm/commit/052c880d15a21b...

fao_ 8y ago

It's negative accessibility, if you zoom the text gets smaller.

carimura 8y ago

literally the first thing I thought. Never even seen that before.

robotresearcher 8y ago

Works as normal on desktop (Safari, MacOS)

ddebernardy 8y ago
Not really. It zooms eventually, but then you get to also see how broken scrolling is. (You can't scroll using the space bar, and you can't read what's at the very bottom of the text, or at least not when using my low res large font setup.)
- chrischen 8y ago
  He's probably talking about trackpad pinch-zoom.
  - robotresearcher 8y ago
    Both pinch and cmd+ work fine for me. Cmd+ makes the font effectively bigger and reflows the text just fine.

nerdponx 8y ago

It looks like the problem stems from having everything set in terms of viewport units, e.g. font size set to 1.5vmin, and div width set to 100vmin.

entropie 8y ago

font-size: 1.75vmin;

alpha_squared 8y ago

It's from the use of `vmin`, which is better used for padding/margins than text. CSS accepts units of measure, `vmin` in this case, interchangeably wherever a property accepts units of measure. Font sizes accept unit of measure, so the site author decided to use `vmin` for the font size.

lunchables 8y ago

Works fine for me (Linux, Firefox CTRL-+).

FreeFull 8y ago
That's because the website was changed after that comment was made, to fix this issue.

novaleaf 8y ago

works ok on firefox desktop