4 ms·

When you're doing web dev, it's important that devs test on devices similar to users'. FullHD seems most popular, how do you address that?

sinstein 8y ago
You can always downscale resolution to test for Full HD with a 4K panel but you cannot do the other way round.
- dzek69 8y ago
  You can fake it by setting low zoom level. Far from perfect, you won't have pixel perfect results, but you'll get general overview how layout gonna work.
- carlmr 8y ago
  If it's UHD (3840x2160) it's going to be exact. If it's actual 4K (4096 × 2160) then it won't be sharp at Full HD resolution (1920x1080) because the pixels don't align. But many monitors have Marketing 4K which is UHD.
  - 0-_-0 8y ago
    4K most commonly refers to 3840x2160. Which is of course not exactly 4000 pixels, but neither is 4096 :)
    - carlmr 8y ago
      The original 4K standard is 4096
matthewmacleod 8y ago
Use the tools explicitly available for that purpose. Chrome, Firefox and Safari all have built-in responsive design modes with common resolutions available. Or you can just resize the browser window :)
- deleted 8y ago
  [deleted]
coldtea 8y ago
You don't have to test on your working setup. After all if you did mobile webpages, you wouldn't program on a smartphone! If you did test there, you'd just tested one configuration (even if it's the most popular). There are services that allow you to test your web work in dozens of different configurations. There are also Chrome tools etc to help you test different aspect rations and sizes. And you can always change the display to a non-native resolution.
- polskibus 8y ago
  4k users often use font scaling which makes things harder to compare to a standard full HD setup (different people use different font scaling options etc). When developers setup makes dogfooding more accurate (in terms of similarity to end hsers'), then more UI bugs are found sooner. Another thing is contrast and hue - many users use low quality screens (think office users) and they perceive the UI differently than a person on a high end monitor. Many subtleties are not visible at all.
  - deleted 8y ago
    [deleted]
nailer 8y ago
> When you're doing web dev, it's important that devs test on devices similar to users'. FullHD seems most popular, how do you address that? More users are now on mobile, with high res displays.
flyingpenguin 8y ago
A good tiling window manager should let you easily make your windows 1/4th the size of your monitor in some corner.

sinstein 8y ago

You can always downscale resolution to test for Full HD with a 4K panel but you cannot do the other way round.

dzek69 8y ago
You can fake it by setting low zoom level. Far from perfect, you won't have pixel perfect results, but you'll get general overview how layout gonna work.
carlmr 8y ago
If it's UHD (3840x2160) it's going to be exact. If it's actual 4K (4096 × 2160) then it won't be sharp at Full HD resolution (1920x1080) because the pixels don't align. But many monitors have Marketing 4K which is UHD.
- 0-_-0 8y ago
  4K most commonly refers to 3840x2160. Which is of course not exactly 4000 pixels, but neither is 4096 :)
  - carlmr 8y ago
    The original 4K standard is 4096

matthewmacleod 8y ago

Use the tools explicitly available for that purpose. Chrome, Firefox and Safari all have built-in responsive design modes with common resolutions available. Or you can just resize the browser window :)

deleted 8y ago
[deleted]

coldtea 8y ago

You don't have to test on your working setup. After all if you did mobile webpages, you wouldn't program on a smartphone! If you did test there, you'd just tested one configuration (even if it's the most popular). There are services that allow you to test your web work in dozens of different configurations. There are also Chrome tools etc to help you test different aspect rations and sizes. And you can always change the display to a non-native resolution.

polskibus 8y ago
4k users often use font scaling which makes things harder to compare to a standard full HD setup (different people use different font scaling options etc). When developers setup makes dogfooding more accurate (in terms of similarity to end hsers'), then more UI bugs are found sooner. Another thing is contrast and hue - many users use low quality screens (think office users) and they perceive the UI differently than a person on a high end monitor. Many subtleties are not visible at all.
- deleted 8y ago
  [deleted]

nailer 8y ago

> When you're doing web dev, it's important that devs test on devices similar to users'. FullHD seems most popular, how do you address that? More users are now on mobile, with high res displays.

flyingpenguin 8y ago

A good tiling window manager should let you easily make your windows 1/4th the size of your monitor in some corner.