5 ms·

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

throwaway290 2y ago
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.
enriquto 2y ago
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...
- amarant 2y ago
  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?
  - ReleaseCandidat 2y ago
    > 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?
- e_dziewanowski 2y ago
  If the consensus is that the mobile color scheme is better than the desktop one I can just change it
ReleaseCandidat 2y ago
> 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&bcolor=222623 https://webaim.org/resources/contrastchecker/?fcolor=666B67&... Mobile colours: https://webaim.org/resources/contrastchecker/?fcolor=B2B5B3&bcolor=222623 https://webaim.org/resources/contrastchecker/?fcolor=B2B5B3&...
n4r9 2y ago
> 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.
- n4r9 2y ago
  Follow-up: this only seems to be the case when the "Animated Great Red Spot" image is in view.
  - e_dziewanowski 2y ago
    May I ask what GPU do you have?
    - n4r9 2y ago
      512MB ATI AMD Radeon Graphics
      - e_dziewanowski 2y ago
        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?
        n4r9 2y ago
        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.
    - deleted 2y ago
      [deleted]
- bendhoefs 2y ago
  It opened instantly and worked smoothly in Firefox on my 8 year old android.

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.

enriquto 2y ago

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

amarant 2y ago
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?
- ReleaseCandidat 2y ago
  > 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?
e_dziewanowski 2y ago
If the consensus is that the mobile color scheme is better than the desktop one I can just change it

ReleaseCandidat 2y ago

> 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&bcolor=222623 https://webaim.org/resources/contrastchecker/?fcolor=666B67&... Mobile colours: https://webaim.org/resources/contrastchecker/?fcolor=B2B5B3&bcolor=222623 https://webaim.org/resources/contrastchecker/?fcolor=B2B5B3&...

n4r9 2y ago

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

n4r9 2y ago
Follow-up: this only seems to be the case when the "Animated Great Red Spot" image is in view.
- e_dziewanowski 2y ago
  May I ask what GPU do you have?
  - n4r9 2y ago
    512MB ATI AMD Radeon Graphics
    - e_dziewanowski 2y ago
      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?
      - n4r9 2y ago
        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.
  - deleted 2y ago
    [deleted]
bendhoefs 2y ago
It opened instantly and worked smoothly in Firefox on my 8 year old android.