Адаптивный дизайн и разметка для вашего сайта.
Адаптивный веб-дизайн (англ. Responsive web design) - дизайн веб-страниц, обеспечивающий отличное восприятие на различных устройствах. Адаптивный веб-дизайн является горячей темой в наши дни, тем более что сайты должны адаптироваться к растущему числу мобильных устройств с их относительно небольшими экранами.
Целью адаптивного веб-дизайна является универсальность веб-сайта для различных устройств. Для того, чтобы веб-сайт был удобно просматриваемым с устройств различных разрешений и форматов, по технологии адаптивного веб-дизайна не нужно создавать отдельные версии веб-сайта для отдельных видов устройств. Один сайт может работать на смартфоне, планшете, ноутбуке и телевизоре с выходом в интернет, то есть на всем спектре разрешений
Впервые понятие отзывчивого веб-дизайна ввел Итан Маркотт в одной из своих статей в мае 2010 года. Чуть позже Джеффри Зельдман предложил расширить понятие Итана Маркотта, чтобы оно покрывало любые подходы, обеспечивающие ясное визуальное восприятие независимо от характеристик экрана и других ограничений пользовательского устройства.
В результате среди веб-дизайнеров стали понимать адаптивный дизайн как более широкое понятие, включающее отзывчивый дизайн (в качестве одной из реализаций адаптивности) и постепенное улучшение.Предпосылки
Главными причинами возникновения и развития технологий адаптивного веб-дизайна стали:
- увеличение количества различных разрешений устройств, с которых есть возможность выхода в интернет;
- популярность мобильных устройств с выходом в интернет и увеличение мобильного интернет-трафика.
В недавно опубликованных рекомендациях для мобильных сайтов Google отмечает, что сайты с адаптивным дизайном - наилучший выбор с точки зрения алгоритмов поисковика. Google обосновывает рекомендацию тем, что мобильная и десктоп версии сайта находятся по одному адресу с одним HTML, что упрощает индексацию и делает ее качественней.
10 апреля 2013 года