The most common approaches for multi-screen websites
There are three ways to make your site multi-screen friendly:
- Responsive web design: A clever design technique that uses a single HTML code base for all platforms.
- Dynamic serving: In this method, the web server detects the type of device that a visitor is using, then presents a custom page designed for that device.
- Separate mobile site: A third option is to simply create a mobile site that’s separate from your original desktop site.
Building Websites for the Multi-Screen Consumer
You’ll need to choose the most appropriate approach for you while considering the cost, time to build, human resources and available infrastructure. This Building Multi-Screen Websites white paper looks at the common approaches to multi-screen sites, with tips on how to create a great user experience while avoiding some of the more common mistakes.Download
If you're looking for a way to make multi-screen friendly sites using a content management system (CMS), take a look at the Customise Your Website Software section in the Google Developer's Mobile Guide. The Mobile Guide also has a quick start section to help you decide on your multi-screen strategy.
Next step: Follow the lessons in Web Fundamentals to get started.