Startup screens for mobile web apps (iPhone 3.0)

webkitbits:

In the most recent iPhone and iPod Touch software upgrade, Apple added the ability to show a startup image for websites saved to a user’s home screen. Until now, these full-screen web apps would simply show a (poorly) compressed screenshot of the previous page viewed or nothing at all. To add a startup screen, simply include a the following tag in the head of your document and create an image in the location referenced by href:

<link rel="apple-touch-startup-image" href="startup.png" />

The PNG can be named anything, but it must be in PNG format and it must be 320x460 pixels. Technically, it seems the PNG displays until the document triggers the ‘ready’ callback, before the window’s ‘loaded’ callback. If I get a chance later, I’ll create a video demo of how it looks.

Source: webkitbits

26 Notes/ Hide

  1. nichess reblogged this from webkitbits and added:
    Mal probieren ob es funktioniert: m.forest-metrics.com
  2. trovster reblogged this from webkitbits
  3. reconfine reblogged this from webkitbits
  4. niccai reblogged this from webkitbits
  5. bell reblogged this from 9-bits
  6. webslinger reblogged this from webkitbits
  7. mattschwarz reblogged this from webkitbits
  8. drj reblogged this from webkitbits
  9. 9-bits reblogged this from webkitbits and added:
    The web app capabilities in...are getting closer and closer
  10. webkitbits posted this