Блог о дизайнеСтатьиАдаптивный дизайн для всех типов устройств

Адаптивный дизайн для всех типов устройств

31.08.2013 1480 адаптивный дизайн, верстка, мобильные устройства, веб дизайн
адаптивный дизайн сайтов

Раньше, для корректного отображения вашего сайта на мобильных устройствах, приходилось создавать отдельную мобильную версию сайта, со своими стилями и шаблонами. Но теперь появилось очень много мобильных устройств, с разными диагоналями экранов, и под каждое такое устройство хочется подогнать свой сайт, что бы он везде красиво смотрелся.

На помощь нам приходят сучасні технології - адаптивный дизайн. Суть данного метода в том, что в зависимости от ширины экрана, контент сайта соответствующе себя ведет: при широком экране можно выводить много блоков и информацией, баннеров и картинок. При меньшей ширине не сильно важные элементы скрываются, ширина блоков с информацией сужается.

Это все делается с помощью медиа-запросов, и прописывается в файле стилей, без всяких javascript и т.д.

Данная технология очень полезна владельцам медия-ресурсов с большим посещением. Наверняка, не малая часть посетителей заходит с мобильных устройств, и если ваш сайт не оптимизирован под разные устройства, то пользователь будет ломать глаза, листать простыни текста и блоков, а своих пользователей нужно любить.

Сами же мы только начали внедрять адаптивный дизайн сайтов для наших клиентов. Для своего сайта мы еще никак не доберемся - сапожники без сапог :(