Making PWA Sites

My steps to make a website able to be added to home screen, standalone with an icon.

Steps:

  1. Make or use a mobile friendly website. Don’t forget a viewport meta tag!
  2. Make an icon. Android Asset Studio is great for making simple icons quickly
  3. Generate icon sets with the 512p (or higher res) icon on something like Real Favicon Generator
  4. Add the html code and upload the icons and manifests
  5. Replace the icons in the generated manifest.json with the realfavicon generated ones if you use another generator

Blog?

So, this is cool too!

But will I use it?

Maybe.