Адаптивный дизайн сайта

В прошлом году просмотры сайтов со смартфонов и планшетов составили 28% всего мирового трафика, при этом медиа-контент потребляется с мобильных устройств в 60% случаев. Это означает, что современный веб-ресурс просто обязан быть удобным, красивым и ясным при отображении на экране смартфона или планшета.

Задачу адекватного отображения на устройствах с различными разрешениями и пропорциями экрана решает концепция адаптивного дизайна. Термин «responsible» в применении к веб-разметке в Рунете условились переводить как «адаптивный». Сайт, сверстанный по правилам адаптивности, одинаково хорошо отобразится на экране стационарного компьютера, «Макбука», планшета или «Айфона». При этом некоторые элементы изменят месторасположение: горизонтальное меню превратится в вертикальное либо вовсе спрячется в раскрывающуюся колонку; «лишние», не очень важные ссылки исчезнут, а визуальные эффекты не помешают просмотру основного контента.

Адаптивный дизайн, который реализуется преимущественно при помощи CSS-стилей, нельзя путать с технологиями мобильного сайта: в этом случае все пользователи, распознанные как «мобильные», перенаправляются на отдельный адрес, где располагается независимая версия ресурса.