This is nice. An article on SixRevisions, short version here for my Archive. If you write a couple meta tags, your html5 app will look like any other iPhone App, but will also work on Android, PalmPre, etc…
|
|
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <link rel="apple-touch-icon" href="iphone_icon.png"/> <link rel="apple-touch-startup-image" href="startup.png" /> <link rel="stylesheet" href="styles.css" type="text/css" media="screen, mobile" title="main" charset="utf-8"> |
apple-mobile-web-app-capable: This is another tip-off that we want to be an offline app. apple-mobile-web-app-status-bar-style: This hides [...]