Websites | Photography | Video Editing | 3D Animations

From the Blog

Jun
27

iPhone enhancements for webapps and websites

Posted by Paul Costan on June 27th, 2012 at 10:24 am

To add icon to your homescreen. you need to create graphic to 58px x 58px

 

with the half glare:

<link rel=”apple-touch-icon-precomposed” href=”img/icon.png”/>

 

plain:

<link rel=”apple-touch-icon” href=”img/icon.png”/>

 

Loading splash page – graphic need to be 320px x 460px:

<link rel=”apple-touch-startup-image” href=”img/splash.png” />

 

Make your web app / website full screen:

<meta name=”apple-mobile-web-app-capable” content=”yes” />

 

Status bar style:

<meta name=”apple-mobile-web-app-status-bar-style” content=”default” /><br />

<meta name=”apple-mobile-web-app-status-bar-style” content=”black” /><br />

<meta name=”apple-mobile-web-app-status-bar-style” content=”black-translucent” />