Hacker News Reader

Comment by noSyncCloud | Hacker News Reader

Props for a site of that visual complexity that was performant, visually appealing, and eminently readable on mobile.

> performant

Huh. Opening this webpage on Firefox floored my laptop (8 core 16GB). The lag was several seconds, including for clicking "back" or opening a new tab.

Follow-up: this only seems to be the case when the "Animated Great Red Spot" image is in view.

May I ask what GPU do you have?

512MB ATI AMD Radeon Graphics

I'm afraid the only thing I can do in such case is to display a static image instead of a shader. Would you prefer that?

I was able to view it smoothly on my phone, so I'm not too fussed, but that might be a better experience for anyone else that has the same issue in future.

It opened instantly and worked smoothly in Firefox on my 8 year old android.

Yes, on my phone it's fine but on my laptop it's a nightmare.

The use of weird non-native scrolling really hurts navigation and full justification looks clumsy when screen is narrow. But otherwisr it's not terrible.

The article is incredibly interesting, but the choice of colors is so low-contrast that I can only read in it "reader mode", where the animations don't work. I have resorted to "select all" where the letters stand out a bit, but it's ugly and not very ergonomic...

It's white on black, or at least white on very dark gray. Contrast is about as high as it could be on my device.

Might there be a problem with your device?

> It's white on black, or at least white on very dark gray.

It's light grey (#666b67) on dark grey (#222623), not much contrast on desktop. Mobile uses other colours, the same background (#222623) but a lighter font color (#B2B5B3), which is _way_ better.

Why not use the same foreground color on desktop?

If the consensus is that the mobile color scheme is better than the desktop one I can just change it

> eminently readable on mobile

Sadly the font colour on non-mobile devices is way too dark, the whole site is way too low contrast: #666b67 (desktop) vs #B2B5B3 (mobile) on #222623.

Desktop colours: https://webaim.org/resources/contrastchecker/?fcolor=666B67&...

Mobile colours: https://webaim.org/resources/contrastchecker/?fcolor=B2B5B3&...

Reply on news.ycombinator.com