Responsive Design - это техника при разработке веб-сайтов для адоптации дизайна под разные разрешения экранов и платформ, без необходимости производить разные страницы для разных платформ.
Тот же HTML, тот же JS, всё то же, только разное отображение контента.
Это весьма популярное движение в последнее время, и многие сейчас смотрят в направлении разработки Responsive Design вебсайтов. Стоимость конечно выше, и сложность тоже выше, но результат того стоит.
Почитать можно в гугле более детально если нужно.
Также вот отличные примеры:
1.
http://www.bostonglobe.com/
2.
http://www.smashingmagazine.com/
3.
http://foodsense.is/ (non-Fluid контент не адаптируется под всю ширину экрана, а только меняет стейты CSS)
4.
http://css-tricks.com/
5.
http://oliverrussell.com/
И куча других в гугле.
Я сейчас работаю над Template'ом для дальнейшего использования, без media-query, т.к. он не везде держится. Использую JS и небольшой хак с пустым div'ом и шириной 100% для стабильного детекта реальной ширины экрана как на десктопах так и на мобильных.
Вот пример страницы:
http://moka.co/responsive/
Также вот ещё делаю Tool'зу
http://moka.co/restest/ , которых и так полно, но для само-образования написал свою, тем более могу её улучшать под свои нужды. По сути это "мини-броузер", с возможностью изменять размер окна.
Сверху можно выбрать популярные платформы. Также задать своё разрешение.
Если есть вопросы, спрашивайте, я эту теми исследую уже вторую неделю, перепробовал не мало техник..