Hacker News Reader

Comment by Someone1234 | Hacker News Reader

Nice. There are a few bugs:

- Clicking multiple times in a box causes an unreadable mess

- If the code gets too long the "Please may I have some code" model disappears off the page, including the only way to close it ("Done" button). Clicking outside the model doesn't close it nor does the escape key.

- If you set rows or columns to -1 it generates a display artifact which remains indefinitely.

- "What does this project do?" model cannot be closed or read fully (outside page limits).

I'm on Chrome retail latest (74.0.3729.169) with 125% Windows DPI.

View on HN

> Clicking multiple times in a box causes an unreadable mess

To clarify, that's when the colours run out - until then things clear correctly.

125% DPI on windows, and similarly, large font on Android systemwide, regularly cause problems.

Should software accomodate those settings or is that up to the user? What's the HN consensus oh that?

Windows automatically sets 125% on this Surface Book. It isn't a user picked setting, it is an operating system default for certain displays.

So another way to phase the question: "Should a user need to change a Windows' default setting for my site to work correctly?"

Is this for real? Is there any other scenario where 100% is not the default?

Adding support for different zoom levels is not the same as just making a website responsive (there are differences in behaviour if I remember correctly).

14" 1080p Windows laptops have overly small text at 100%. Lenovo uses 150% DPI by default.

If 125% DPI is a standard for your users, of course you should accommodate for it when you can.

UI development has always been developing for the most common denominator and then the best you can make it for the most amount of users.

If the user has a manual zoom in the browser, there's not much you can do from a developer perspective.

Is there any data on that? I am interested how many people use different % DPI on desktop, what % of the people use scaled font sizes on iOS and Android.

There's plenty of resources out there for 'Browser Stats'. it would really depend on the projects target audience. I have not personally seen any numbers on DPI%, but I wouldn't be surprised if they exist.

You can achieve some flexibility in layout for device, resolution and pixel ratio constraints using CSS media queries, it just depends how granular you want to go and how much time it takes to implement all the use cases from a business perspective (from experience)

almost all iOS devices and the majority of Android devices DPI is > 100%.

Almost all Macbooks DPI is > 100%.

Majority of the new mid-high end windows laptop DPI > 100%.

I don't think that matters developing web apps. Unless you are confusing with Ctrl/CMD + Plus font size increase.

Which is why you do not and cannot target devices cause you cannot know what the user has set such things.

It’s an accessibility feature, so just like it’s proper to develop with screen readers in mind, and it is proper to have a readable contrast level, it is proper to support scaling.

Reply on news.ycombinator.com