The beauty of progressive enhancement | Manuel Matuzovic

Manuel wanted to see how a new site he'd built worked on the updated Nokia 3310, which rocks a paired-down version of Opera Mini (yikes!). The answer? Surprisingly well, thanks to some clever fallbacks:

  • If no JS, use a DuckDuckGo search query instead (very neat) using the type="module" trick;
  • Allow grid to work with just one column;
  • Use <picture> with both WebP and JPEG options.

Not so sure about the lazy loading implementation but otherwise solid tips.

Explore Other Notes

Older

CSS variables for React devs

Josh breaks down why and how you can use CSS variables more easily in React, specifically using styled-components. Honestly it feels a little terrifying how much is needed just to get basic […]
  • Manuel wanted to see how a new site he'd built worked on the updated Nokia 3310, which rocks a paired-down version of Opera Mini (yikes!). The answer? Surprisingly well, thanks to some clever [&#8230;]
  • Murray Adcock.
Journal permalink

Made By Me, But Made Possible By:

CMS:

Build: Gatsby

Deployment: GitHub

Hosting: Netlify

Connect With Me:

Twitter Twitter

Instagram Instragram

500px 500px

GitHub GitHub

Keep Up To Date:

All Posts RSS feed.

Articles RSS feed.

Journal RSS feed.

Notes RSS feed.