Blog -> CyberFinch Designs

Resources on learning about PWAs

• https://diekus.net/logo-pwinter
• https://developers.google.com/web/progressive-web-apps/
• https://www.pwastats.com/
• https://adactio.com/journal/13098
• https://en.wikipedia.org/wiki/Dashcode
• https://developers.google.com/web/updates/2019/02/using-twa

Tutorials:

• https://youtu.be/4XT23X0Fjfk?si=P29Dyu3za1Y7o6a2
• https://youtu.be/JQaL5YiSuqE?si=gXdTxa2VV0ewDvko
• https://github.com/iamshaunjp/pwa-tutorial

Anatomy of a Manifest File

{
"name": "Color Picker",
"short_name": "ColorPicker",
"start_url": "/index.html",
"display": "standalone",
"background_color": "#7bdcb5",
"theme-color": "#7bdcb5",
"orientation": "portrait-primary",
"icons": [
{
}
] 
}

• start url sets the page that loads when you click the icon
• display can be set to standalone or browser
• bg color background of the splash screen