Why We Create Progressive Web Apps: A Conversation with Jeremy Keith
This is a really nice write-up by Sydney of the chat we had on her podcast.
Seriously, though. What is a progressive web app? – Amberley Romo – Medium
What an excellent question! And what an excellent bit of sleuthing to get to the bottom of it. This is like linguistic spelunking on the World Wide Web.
Oh, and of course I love the little sidenote at the end.
Related links
Decoded: The When, Why, and Why Not of Progressive Web Apps
I really enjoyed talking to Sydney Lai about progressive web apps, resilient web design, and all my other hobby horses.
Alas, there’s no transcript and I can’t find a direct link to the RSS feed or the individual audio file on the podcast website so it’s not huffduffable.
Add support for defining a theme color for both light & dark modes (prefers color scheme)
There’s a good discussion here (kicked off by Jen) about providing different theme-color values in a web app manifest to match prefers-color-scheme in media queries.
PWA asset generator based on Puppeteer.
Automatically generates icons and splash screens based on Web App Manifest specs and Apple Human Interface Guidelines. Updates manifest.json and index.html files with the generated images.
A handy command line tool. Though be aware that it will generate the shit-ton of link elements for splash screens that Apple demands you provide for a multitude of different screen sizes.
Designing for Everyone: Building Great Web Experiences for Any Device
The slides and video from a really great well-rounded talk by Aaron, filled with practical examples illustrating concepts like progressive enhancement and inclusive design.
Related posts
Installing progressive web apps
How I’m letting people know they can install The Session to their home screens.
Install prompt
Browsers are still trying to figure out how to highlight progressive web apps.
Twitter and Instagram progressive web apps
You have nothing to lose but two oversized native apps on your home screen.
Progressively enhancing maps
How I switched to high-resolution maps on The Session without degrading performance.
Read-only web apps
It’s fine to require JavaScript for read/write functionality. But have you considered a read-only mode without JavaScript?