Mobile Strategies and Considerations

Generally, there are two approaches for creating Web sites suitable for mobile devices:

• Build a dedicated site for mobile phones. That is, a site that is tailored for the mobile experience and that is separate from the site for desktop and tablet users. Sometimes tablets—especially the iPad—get their own version of a site, making a total of at least three sites.

• Build one site for all. Deliver all devices—from mobile phones to desktop computers—the same HTML, but style it differently so it’s device-appropriate. With some additional trickiness, you can even deliver different image and video sizes so mobile-phone users aren’t penalized by large downloads.

(Note that I’ll often use “desktop” in this chapter ...

Get HTML5 and CSS3: Visual QuickStart Guide, Seventh Edition now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.