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