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)

