RWD (от англ. Responsive Web Design) – это технология позволяющая создавать веб-сайты которые автоматически настроят внешний вид отображаемого контента под устройство – адаптивный дизайн.
Что такое Адаптивный Веб-Дизайн?
RDW-это подход и набор инструментов, с помощью которых можно создавать сайты, которые автоматически адаптируют внешний вид сайта, под используемое для доступа в интернет устройство. Сайт имеет встроенные функции распознавания устройства (в основном зависит от ширины экрана), с помощью которой автоматически выбирается один из предлагаемых каскадных таблиц стилей, благодаря чему сайт работает как бы в нескольких версиях шаблона, но показывает всегда одинаковое содержание.
Адаптивные веб-сайты выглядят хорошо не только на классических компьютерах, но и на экранах смартфонов, планшетов или нетбуков, что, безусловно, повышает их функциональность.
Зачем это нужно?
Доля смартфонов и планшетов на рынке устройств с доступом в интернет постоянно растет. Правда, многие пользователи относятся к такого рода устройствам только в качестве выполняющих вспомогательные функции, в то время как тот факт, что каждый, кто ведет статистику устройств с веб-сайта, конечно заметили, по крайней мере незначительное увеличение роста количества посещений с мобильных устройств. В этом свете RWD предстает простое решение сложной проблемы.
RWD-это безопасная технология которую на вооружение взяла уже не одна студия веб дизайна. Для ее применения не нужно ни передовые знания языков программирования, ни особенно больших системных ресурсов – все происходит так же, как и в случае с классическим веб-сайтом, причем единственная разница-это этап диагностики устройства и направления браузера на соответствующий ресурс CSS.
Отдельная страница для нормальных и мобильных устройств?
Альтернативой для RWD- по прежнему является создание отдельной версии сайта для персональных компьютеров, планшетов и отдельно для мобильных устройств. Такое решение может привести к проблемам с своевременным отображением содержимого, что является очень неблагоприятным при оптимизации сайта под SEO.
О чем позаботиться на страницах RWD?
Проектирование веб-сайтов по технологии RWD требует прежде всего разделения устройств на несколько групп, в зависимости от размера дисплея. С технической точки зрения, можно создать таблицу CSS для всех размеров отдельно, но это решение далеко от оптимального, поэтому чаще всего постулируется разделение на три категории: смартфоны, планшеты, и классические компьютеры. Границы возможности отображения плавные, контрольными точками, чаще всего, устанавливается размер 7 и 14 дюймов, хотя, конечно, проблематичной будет в этом масштабе классификация устройств типа нетбук с диагональю порядка 10-12 дюймов.
На страницах RWD особенно важным является оптимизация кода – умножение таблиц стилей тут не рекомендуется из-за количества необходимых для скачивания данных, в то время как слишком большие экраны приводят к тому, что в районе крайних размеров сайт может не отображаться вообще (отсюда и тенденция чтобы оставить пользователю возможность выбора между различными таблицами стилей).