Previous: Developer Training
Next: CSS3 Support in mobile safari

iPhone Web App Icons

My sites iPhone icon

Just a very quick and simple tip for your site. Why not add an iPhone compatible icon to your site. When a user adds your site to their iPhone / iPod touch home screen, rather that a clip of the page, it will use your specified icon.

Start by creating a 60px x 60px png image that you want to show as your icon, I've opted for a cheesy example :).

Then, in your site, add the following line to the head:

<link rel="apple-touch-icon" href="/images/iphone_icon.png" />

Then, when someone adds your site to their home screen, they see the nice, purpose made icon rather than a flakey corner of the webpage.

Comments

No comments have been added.

Add a comment

0 comments

Latest Tweets

  • RT @ReneKinzett: whoever created the term "anti social behaviour" has a lot to answer for. They are crimes against the person imho. Agreed!

  • @CaiGriffiths This in on a par with Lou Reed being penalised for shouting at someone. Crazy. So tThumping tackles being outlawed

  • RIP Corey Haim

  • RT @nineplanfailed: New show announced in Cardiff at Tommy's Bar on March 10, 2010 http://lnk.ms/6z2rq

  • Spent 10 minutes on databases and 30 minutes inventing / playing google analytics top trumps

Follow Me