Адаптивный веб-дизайн
Адаптивный веб-дизайн - дизайн веб-страниц, обеспечивающий корректное отображение сайта на различных устройствах, подключённых к интернету и динамически подстраивающийся под заданные размеры окна браузера.
Целью адаптивного веб-дизайна является универсальность веб-сайта для различных устройств. Для того, чтобы веб-сайт был удобно просматриваемым с устройств различных разрешений и форматов, по технологии адаптивного веб-дизайна не нужно создавать отдельные версии веб-сайта для отдельных видов устройств. Один сайт может работать на смартфоне, планшете, ноутбуке и телевизоре с выходом в интернет, то есть на всем спектре устройств.
Главными причинами возникновения и развития технологий адаптивного веб-дизайна стали:
- увеличение количества различных разрешений устройств, с которых есть возможность выхода в интернет;
- популярность мобильных устройств с выходом в интернет и увеличение мобильного интернет-трафика.
Основные принципы
-
в отзывчивом дизайне
- применение гибкого макета на основе сетки (англ. flexible, grid-based layout);
- использование гибких изображений (англ. flexible images);
- работа с медиа-запросами (англ. media queries);
-
в дополнение к этому в адаптивном дизайне
- применение постепенного улучшения;
- проектирование для мобильных устройств с самых ранних этапов.
