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

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

К таким устройствам можно отнести — планшеты, смартфоны, сотовые телефоны и даже широкоформатные телевизоры (поддерживающие интернет).

Данный сайт может служит примером такого (адаптивного) сайта.

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

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

По результатам запуска нескольких адаптивных сайтов в 2012 году, мы увеличили, только за счет мобильного интернета, посещаемость некоторых сайтов на 25-70 процентов!

Кроме этого некоторые поисковые системы, к примеру Google, рекомендуют использовать адаптивные сайты.

Следует отметить что не всякий сайт способный «уменьшаться» является полноценно адаптивным. К примеру сайт может хорошо просматриваться на экранах с разрешением до 500 пикселей, но не на экранах с разрешением 240 пикселей (некоторые модели сотовых телефонов).

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

В этом приложении самый маленький экран в ширину имеет 176 пикселей, хотя по статистическим данным наши сайты посещали посетители и с экраном 158 пикселей, но таких было мало.

В целом при разработке сайтов можно ограничиться шириной экрана в 200 пикселей и выше.