Group items tagged

Specifying a Startup Image On iPhone OS, similar to native applications, you can specify a startup image that is displayed while your web application/website launches. By default, this image is a screenshot of the web application with the page that the user has visited the last time. If you want customize it, add a link element to the webpage, like this: <link rel="apple-touch-startup-image" href="/startup.png">Copy this code to the clipboardView plain text1<link rel="apple-touch-startup-image" href="/startup.png">

All these tips only works for web pages that have been saved to the home screens and opened from there, if you access to your website using safari you don’t have this customizations. Remember also that any new link will be open in new browser tab so you lost these settings.

Some core Flash technologies will live on in other Adobe products on mobile devices, such as AIR. Some developers use AIR to create media-driven mobile apps, mostly games. Flash as a ubiquitous video standard on the mobile Web will cease to exist, while AIR will live on as a rendering engine in applications built with Adobe.

Two methods that appear to work are: Setting the parent of an element with a background image to display:none.3 Using media query min-width declaration to only specify a minimum browser width for the desktop image and a max-width for the mobile image does result in only the mobile image being downloaded in Mobile Safari.5 These two options mean that using CSS media queries isn’t completely impossible, but using the parent element to hide images and changing existing desktop CSS to add min-width declarations are significant changes to existing CSS. It isn’t going to be as simple as adding a CSS media query for mobile and calling your job done.