Using CallTo When Developing For Mobile Users

Making a website optimized for Mobile (iPhone)? Mobile visitors can automatically dial a specified telephone number using the following Codex (just like a generic link). 

For example: 
<a href=”tel:+1-800-275-2273”> Call Apple Customer Support at 1-800-275-2273 </a>

Will output “Call Apple Customer Support at 1-800-275-2273” and when clicked will prompt the iPhone’s dialer to pickup with that number already entered. 

Apple also supports turning off auto-detection of phone numbers via a meta-tag.

<meta name=”format-detection” content=”telephone=no”>


meta-data for Custom Homescreen Icon:
<link rel=”apple-touch-icon” href=”/customIcon.png”/> 
<link rel=”apple-touch-icon” href=”/Icon@2x.png ”/> (retina)

Resolution is 57x57 @ 72DPI and 114x114 @ 72DPI for Retina. 

Also to note: Homescreen Icon Name defaults to TITLE parameter in mobile website HTML.

50 more jQuery Mobile Tips
 

(Source: raizlabs.com)