Skip to content

Instantly share code, notes, and snippets.

@nolanlawson

nolanlawson/differences.md

Last active June 19, 2017 18:57
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save nolanlawson/1326b4af986f5ac0ee9ae24630229fa8 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save nolanlawson/1326b4af986f5ac0ee9ae24630229fa8 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. nolanlawson revised this gist May 25, 2016. 1 changed file with 2 additions and 0 deletions.
    2 changes: 2 additions & 0 deletions differences.md
    View file
    Original file line number Diff line number Diff line change
    @@ -13,6 +13,8 @@

    - App install banner
    - Various benefits of SW over AppCache (flexibility, partial cache invalidation, Cache API)
    - Push notifications
    - Media queries for standalone mode
    - Can set the background color on the splash screen
    - Can set the theme (status bar) color on the splash screen
    - Can define a short name vs a long name
  2. nolanlawson revised this gist May 25, 2016. 1 changed file with 3 additions and 2 deletions.
    5 changes: 3 additions & 2 deletions differences.md
    View file
    Original file line number Diff line number Diff line change
    @@ -17,12 +17,13 @@
    - Can set the theme (status bar) color on the splash screen
    - Can define a short name vs a long name
    - Can launch in landscape
    - Can launch a custom URL to detect homescreen launch (e.g. `index.html?homescreen=true`)
    - Must use HTTPS

    **Non-differences:**

    - Can launch in "minimal-ui" mode (same as "browser" on Android, so equivalent to regular AppCache)
    - Can launch in "fullscreen" mode (same as "standalone" on Android, so equivalent to regular AppCache + `mobile-web-app-capable`)
    - Can launch in "minimal-ui" mode – same as "browser" on Android, so equivalent to regular AppCache (see below for tracking bug though)
    - Can launch in "fullscreen" mode – same as "standalone" on Android, so equivalent to regular AppCache + `mobile-web-app-capable` (see below for tracking bug though)

    **Examples:**

  3. nolanlawson revised this gist May 25, 2016. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions differences.md
    View file
    Original file line number Diff line number Diff line change
    @@ -17,6 +17,7 @@
    - Can set the theme (status bar) color on the splash screen
    - Can define a short name vs a long name
    - Can launch in landscape
    - Must use HTTPS

    **Non-differences:**

  4. nolanlawson revised this gist May 25, 2016. 1 changed file with 5 additions and 0 deletions.
    5 changes: 5 additions & 0 deletions differences.md
    View file
    Original file line number Diff line number Diff line change
    @@ -22,3 +22,8 @@

    - Can launch in "minimal-ui" mode (same as "browser" on Android, so equivalent to regular AppCache)
    - Can launch in "fullscreen" mode (same as "standalone" on Android, so equivalent to regular AppCache + `mobile-web-app-capable`)

    **Examples:**

    - [Forecast.io](http://forecast.io/) (AppCache with `mobile-web-app-capable`, launches from homescreen with splash screen and no URL bar
    - [PouchDB.com](https://pouchdb.com/) (Regular AppCache, so launches from homescreen into browser with no splash screen)
  5. nolanlawson revised this gist May 25, 2016. 1 changed file with 6 additions and 3 deletions.
    9 changes: 6 additions & 3 deletions differences.md
    View file
    Original file line number Diff line number Diff line change
    @@ -16,6 +16,9 @@
    - Can set the background color on the splash screen
    - Can set the theme (status bar) color on the splash screen
    - Can define a short name vs a long name
    - Can launch in "fullscreen" mode (as opposed to "standalone," which just hides the URL bar)
    - Can launch in "minimal-ui" mode (same as "browser" on Android)
    - Can launch in landscape
    - Can launch in landscape

    **Non-differences:**

    - Can launch in "minimal-ui" mode (same as "browser" on Android, so equivalent to regular AppCache)
    - Can launch in "fullscreen" mode (same as "standalone" on Android, so equivalent to regular AppCache + `mobile-web-app-capable`)
  6. nolanlawson revised this gist May 25, 2016. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion differences.md
    View file
    Original file line number Diff line number Diff line change
    @@ -17,5 +17,5 @@
    - Can set the theme (status bar) color on the splash screen
    - Can define a short name vs a long name
    - Can launch in "fullscreen" mode (as opposed to "standalone," which just hides the URL bar)
    - Can launch in "minimal-ui" mode (might do nothing on Android, need to check)
    - Can launch in "minimal-ui" mode (same as "browser" on Android)
    - Can launch in landscape
  7. nolanlawson revised this gist May 25, 2016. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions differences.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,9 +1,9 @@
    **PWA stack:**
    **Progressive Web App stack:**

    - Service Worker
    - Web App Manifest

    **Old-school AppCache app stack:**
    **Old-school offline webapp stack:**

    - Application Cache
    - Touch Icons (`apple-touch-icon` etc.)
  8. nolanlawson created this gist May 25, 2016.
    21 changes: 21 additions & 0 deletions differences.md
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,21 @@
    **PWA stack:**

    - Service Worker
    - Web App Manifest

    **Old-school AppCache app stack:**

    - Application Cache
    - Touch Icons (`apple-touch-icon` etc.)
    - `apple-mobile-web-app-capable` or `mobile-web-app-capable`

    **Differences:**

    - App install banner
    - Various benefits of SW over AppCache (flexibility, partial cache invalidation, Cache API)
    - Can set the background color on the splash screen
    - Can set the theme (status bar) color on the splash screen
    - Can define a short name vs a long name
    - Can launch in "fullscreen" mode (as opposed to "standalone," which just hides the URL bar)
    - Can launch in "minimal-ui" mode (might do nothing on Android, need to check)
    - Can launch in landscape