Progressive Web Apps

Text

Chris DeMars | Web Maker

Reliable

Chris DeMars | Web Maker

Instant Loading

Chris DeMars | Web Maker

2G, 3G, 4G, no connection

Chris DeMars | Web Maker

https://www.slideshare.net/omranic/progressive-web-apps-1-keynote

Fast

Chris DeMars | Web Maker

No Jank

Chris DeMars | Web Maker

Smooth Animations

Quick Response

Engaging

Chris DeMars | Web Maker

Immersive Experience

Chris DeMars | Web Maker

Push Notifications

Home Screen

Chris DeMars | Web Maker

Web App Manifest

Chris DeMars | Web Maker

{
  "short_name": "AirHorner",
  "name": "Kinlan's AirHorner of Infamy",
  "icons": [
    {
      "src": "launcher-icon-1x.png",
      "type": "image/png",
      "sizes": "48x48"
    },
    {
      "src": "launcher-icon-2x.png",
      "type": "image/png",
      "sizes": "96x96"
    },
    {
      "src": "launcher-icon-4x.png",
      "type": "image/png",
      "sizes": "192x192"
    }
  ],
  "start_url": "index.html?launcher=true"
}
<link rel="manifest" href="/manifest.json">

Required

Chris DeMars | Web Maker

Custom Icons

Chris DeMars | Web Maker

Splash Screen

Chris DeMars | Web Maker

Image & Title

Background Color

Theme Color

Chris DeMars | Web Maker

Launch Style

Chris DeMars | Web Maker

Browser Chrome

No Browser Chrome