apetools icon indicating copy to clipboard operation
apetools copied to clipboard

Progressive Web App Usage Question

Open ronnievsmith opened this issue 7 years ago • 3 comments

Great automation tool! I used the website to auto generate all the image files but was wondering about how to implement in a progressive web app, PWA?

In other words, I'm thinking I need a set of CSS rules / media queries but I don't see that in the repo or website. ...Is this something you would support?

Thanks!

ronnievsmith avatar Jul 06 '18 01:07 ronnievsmith

@rhroyston Hi Ron, I haven't really looked at options for PWA icons but yes it's generally quite easy to add new platforms. If you look here: https://github.com/webprofusion/apetools/blob/master/src/models/platformFileSpecs.ts

We defined each platform (e.g. iOS), then a list of specs for the icon and splashscreen bundles (Android is probably the simplest example). So we can add to those lists as required as new OS updates require new resolutions, or add a whole new platform (like PWA). The trick is really in defining the list of sizes, so the question would be, is there a standard for the list of icon and splashcreen sites for an average PWA?

webprofusion-chrisc avatar Jul 08 '18 12:07 webprofusion-chrisc

Looks like the clues are here: https://developer.mozilla.org/en-US/docs/Web/Manifest

webprofusion-chrisc avatar Jul 08 '18 12:07 webprofusion-chrisc

and about iOS here: https://blog.expo.io/enabling-ios-splash-screens-for-progressive-web-apps-34f06f096e5c

BananaAcid avatar Jan 18 '20 07:01 BananaAcid