Не так давно сайты создавались в расчете на определенное разрешение экрана. С ростом разнообразия размеров мониторов стала широко применяться так называемая «резиновая» верстка сайтов, позволяющая просматривать их на самых разных мониторах с различным разрешением.

Однако в последнее время такой верстки уже недостаточно. Появились огромные мониторы с размерами свыше 30 дюймов, с одной стороны, и Интернет стал доступен на мобильных устройствах, с другой стороны. Мобильный трафик растет огромными темпами, поэтому необходимо предусмотреть правильное отображение сайта на большом интервале размеров экранов различных устройств.

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

Чтобы сделать выбор, нужно знать, что такое адаптивный дизайн, в чем его отличие от «резинового»?

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

Конечно, создать адаптивный шаблон сложнее, чем шаблон для обычного сайта. К нему предъявляется больше требований, он имеет более сложный код, но в настоящее время такой тип дизайна наиболее востребован.

Читать полностью …