Skip to content

Instantly share code, notes, and snippets.

@bbelanger

bbelanger/ios-web-app.html

Forked from tfausak/ios-8-web-app.html
Created October 25, 2013 22:50
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save bbelanger/7163009 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save bbelanger/7163009 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @tfausak tfausak renamed this gist Apr 11, 2013. 1 changed file with 0 additions and 0 deletions.
    0 web-app.html → ios-web-app.html
    View file
    File renamed without changes.
  2. @tfausak tfausak revised this gist Apr 11, 2013. 1 changed file with 8 additions and 2 deletions.
    10 changes: 8 additions & 2 deletions web-app.html
    View file
    Original file line number Diff line number Diff line change
    @@ -4,7 +4,8 @@
    <head>
    <meta charset="utf-8">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <title></title>

    <title>iOS Web App</title>

    <!-- iPhone -->
    <link href="http://taylor.fausak.me/static/images/apple-touch-icon-57x57.png"
    @@ -60,5 +61,10 @@
    and (-webkit-device-pixel-ratio: 2)"
    rel="apple-touch-startup-image">
    </head>
    <body></body>

    <body>
    <h1>iOS Web App</h1>

    <p>Add this app to your home screen or <a href="https://gist.github.com/tfausak/2222823">view its source</a>.
    </body>
    </html>
  3. @tfausak tfausak revised this gist Sep 20, 2012. 1 changed file with 31 additions and 27 deletions.
    58 changes: 31 additions & 27 deletions web-app.html
    View file
    Original file line number Diff line number Diff line change
    @@ -4,57 +4,61 @@
    <head>
    <meta charset="utf-8">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <title></title>

    <!-- iPhone -->
    <link href="http://taylor.fausak.me/static/images/apple-touch-icon-57x57.png"
    sizes="57x57"
    rel="apple-touch-icon">
    <!-- iPad -->
    <link href="http://taylor.fausak.me/static/images/apple-touch-icon-72x72.png"
    sizes="72x72"
    rel="apple-touch-icon">
    <link href="http://taylor.fausak.me/static/images/apple-touch-startup-image-320x460.png"
    media="(device-width: 320px) and (device-height: 480px)
    and (-webkit-device-pixel-ratio: 1)"
    rel="apple-touch-startup-image">

    <!-- iPhone (Retina) -->
    <link href="http://taylor.fausak.me/static/images/apple-touch-icon-114x114.png"
    sizes="114x114"
    rel="apple-touch-icon">
    <!-- iPad (Retina) -->
    <link href="http://taylor.fausak.me/static/images/apple-touch-icon-144x144.png"
    sizes="144x144"
    rel="apple-touch-icon">

    <!-- iPhone -->
    <link href="http://taylor.fausak.me/static/images/apple-touch-startup-image-320x460.png"
    media="(device-width: 320px)"
    rel="apple-touch-startup-image">
    <!-- iPhone (Retina) -->
    <link href="http://taylor.fausak.me/static/images/apple-touch-startup-image-640x920.png"
    media="(device-width: 320px)
    media="(device-width: 320px) and (device-height: 480px)
    and (-webkit-device-pixel-ratio: 2)"
    rel="apple-touch-startup-image">
    <!-- iPad (portrait) -->

    <!-- iPhone 5 -->
    <link href="http://taylor.fausak.me/static/images/apple-touch-startup-image-640x1096.png"
    media="(device-width: 320px) and (device-height: 568px)
    and (-webkit-device-pixel-ratio: 2)"
    rel="apple-touch-startup-image">

    <!-- iPad -->
    <link href="http://taylor.fausak.me/static/images/apple-touch-icon-72x72.png"
    sizes="72x72"
    rel="apple-touch-icon">
    <link href="http://taylor.fausak.me/static/images/apple-touch-startup-image-768x1004.png"
    media="(device-width: 768px)
    and (orientation: portrait)"
    media="(device-width: 768px) and (device-height: 1024px)
    and (orientation: portrait)
    and (-webkit-device-pixel-ratio: 1)"
    rel="apple-touch-startup-image">
    <!-- iPad (landscape) -->
    <link href="http://taylor.fausak.me/static/images/apple-touch-startup-image-748x1024.png"
    media="(device-width: 768px)
    and (orientation: landscape)"
    media="(device-width: 768px) and (device-height: 1024px)
    and (orientation: landscape)
    and (-webkit-device-pixel-ratio: 1)"
    rel="apple-touch-startup-image">
    <!-- iPad (Retina, portrait) -->

    <!-- iPad (Retina) -->
    <link href="http://taylor.fausak.me/static/images/apple-touch-icon-144x144.png"
    sizes="144x144"
    rel="apple-touch-icon">
    <link href="http://taylor.fausak.me/static/images/apple-touch-startup-image-1536x2008.png"
    media="(device-width: 1536px)
    media="(device-width: 768px) and (device-height: 1024px)
    and (orientation: portrait)
    and (-webkit-device-pixel-ratio: 2)"
    rel="apple-touch-startup-image">
    <!-- iPad (Retina, landscape) -->
    <link href="http://taylor.fausak.me/static/images/apple-touch-startup-image-1496x2048.png"
    media="(device-width: 1536px)
    media="(device-width: 768px) and (device-height: 1024px)
    and (orientation: landscape)
    and (-webkit-device-pixel-ratio: 2)"
    rel="apple-touch-startup-image">

    <title></title>
    </head>
    <body></body>
    </html>
  4. @tfausak tfausak created this gist Mar 28, 2012.
    60 changes: 60 additions & 0 deletions web-app.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,60 @@
    <!doctype html>

    <html>
    <head>
    <meta charset="utf-8">
    <meta content="yes" name="apple-mobile-web-app-capable">

    <!-- iPhone -->
    <link href="http://taylor.fausak.me/static/images/apple-touch-icon-57x57.png"
    sizes="57x57"
    rel="apple-touch-icon">
    <!-- iPad -->
    <link href="http://taylor.fausak.me/static/images/apple-touch-icon-72x72.png"
    sizes="72x72"
    rel="apple-touch-icon">
    <!-- iPhone (Retina) -->
    <link href="http://taylor.fausak.me/static/images/apple-touch-icon-114x114.png"
    sizes="114x114"
    rel="apple-touch-icon">
    <!-- iPad (Retina) -->
    <link href="http://taylor.fausak.me/static/images/apple-touch-icon-144x144.png"
    sizes="144x144"
    rel="apple-touch-icon">

    <!-- iPhone -->
    <link href="http://taylor.fausak.me/static/images/apple-touch-startup-image-320x460.png"
    media="(device-width: 320px)"
    rel="apple-touch-startup-image">
    <!-- iPhone (Retina) -->
    <link href="http://taylor.fausak.me/static/images/apple-touch-startup-image-640x920.png"
    media="(device-width: 320px)
    and (-webkit-device-pixel-ratio: 2)"
    rel="apple-touch-startup-image">
    <!-- iPad (portrait) -->
    <link href="http://taylor.fausak.me/static/images/apple-touch-startup-image-768x1004.png"
    media="(device-width: 768px)
    and (orientation: portrait)"
    rel="apple-touch-startup-image">
    <!-- iPad (landscape) -->
    <link href="http://taylor.fausak.me/static/images/apple-touch-startup-image-748x1024.png"
    media="(device-width: 768px)
    and (orientation: landscape)"
    rel="apple-touch-startup-image">
    <!-- iPad (Retina, portrait) -->
    <link href="http://taylor.fausak.me/static/images/apple-touch-startup-image-1536x2008.png"
    media="(device-width: 1536px)
    and (orientation: portrait)
    and (-webkit-device-pixel-ratio: 2)"
    rel="apple-touch-startup-image">
    <!-- iPad (Retina, landscape) -->
    <link href="http://taylor.fausak.me/static/images/apple-touch-startup-image-1496x2048.png"
    media="(device-width: 1536px)
    and (orientation: landscape)
    and (-webkit-device-pixel-ratio: 2)"
    rel="apple-touch-startup-image">

    <title></title>
    </head>
    <body></body>
    </html>