My cookbook does not have an App for mobile devices - not yet. It has a HTML variant and you can store bookmarks on the screen looking like apps. So half of the job is already done. What was missing for that compromise of using a bookmark instead of an app, was a proper icon. Luckily I’m not the first person with a desire to have a custom icon for a bookmark.
The instructions at CellCode shows an easy way to add a single icon that suits both types of iPhone screens (standard resolution and Retina Display) and iPad screens. You need to create a single PNG image with the dimensions 150 x 150 pixels. The filename for the PNG image must be: apple-touch-icon.png and this file must be uploaded to the root directory of the website.
There are more options described like specifying different icon qualities for the different screen types. Also the instructions at WebDesign.TutsPlus show more sophisticated ways. This includes also referencing the icon from the HTML files and approach that also works on Android devices. Didn’t try the more sophisticated ways yet.
This second how-to also explains a small Javascript that asks website visitors to add a bookmark to the home screen. The script can be customized to only ask once and not annoy visitors too much. Probably will give it a try in the future.
See also
Note to myself: Followed the tutorial at Gimp Tutorials to create a outline around the word.
#HTML
#Apple