Skip to content

Instantly share code, notes, and snippets.

@taclab
Forked from tfausak/ios-8-web-app.html
Created March 11, 2013 17:47
Show Gist options
  • Save taclab/5136126 to your computer and use it in GitHub Desktop.
Save taclab/5136126 to your computer and use it in GitHub Desktop.

Revisions

  1. @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
    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>
  2. @tfausak tfausak created this gist Mar 28, 2012.
    60 changes: 60 additions & 0 deletions web-app.html
    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>