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 …

  • <!DOCTYPE html> <html> <head> <title></title> </head> <body> <p>Manuel wanted to see how a new site he'd built worked on the updated&nbsp;Nokia 3310, which rocks a paired-down version of Opera Mini (yikes!). The answer? Surprisingly well, thanks to some clever …</p> </body> </html>
  • Murray Adcock.
Journal permalink