Hacker News Reader

Comment by polskibus | Hacker News Reader

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?

View on HN

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.

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.

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 :)

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

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.

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.

4K most commonly refers to 3840x2160. Which is of course not exactly 4000 pixels, but neither is 4096 :)

The original 4K standard is 4096

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

> 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.

Reply on news.ycombinator.com