Progressive Web Apps
Google.com Progressive Web Apps
Smashing magazine
PWA.rocks
Namn och kodpunkt för ikoner från Font Awesome 4.7.0 (den sista versionen som var helt gratis)
- fa-mobile
 - fa-tablet
 - fa-laptop
 - fa-desktop
 - fa-television

Citat
Förkortningar
- PWA - Progressiv Web Apps
- A2HS - Add to Home screen
- SW - service worker
Responsive
Perfectly filling the screen, these websites are primarily aimed at phones and tablets and must respond to the plethora of screen sizes. They should also just work as desktop websites. Responsive design has been a major part of website building for many years now. Smashing Magazine has some great articles on it.
Offline-first
The app must be capable of starting offline and still display useful information.
Touch-capable
The interface should be designed for touch, with gesture interaction. User interaction must feel responsive and snappy, with no delay between a touch and a response.
App meta data
The app should provide meta data to tell the browser how it should look when installed, so that you get a nice high-resolution icon on the home screen and a splash screen on some platforms.
<meta name="apple-mobile-web-app-capable" content="yes">
Push notifications
The app is able to receive notifications when the app is not running (if applicable).
… BUT SHOULD MAINTAIN CERTAIN WEB-LIKE PROPERTIES LINKProgressive
The app’s ability to be installed is a progressive enhancement. It is vital that the app still work as a normal website, especially on platforms that do not yet support installation or service workers.
HTTPS on the open web
The app should not be locked to any browser or app store. It should be able to be deep linked to and should provide methods for sharing the current URL.
Länkar
