Разработка мобильной версии сайта простым языком.

Только факты. Без воды.
Гриша Кабан
Руководитель проекта

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

Мобильная версия сайта.

Мобильной версией сайта можно назвать отдельную верстку, которая максимально минимизирует нагрузку на сервер и уменьшает в несколько раз вес страницы. Единственный минус – это отдельная верстка. Цена за такой проект будет гораздо выше, временные рамки также увеличиваются. И такой вариант больше рассматривают те, у кого действительно большие проекты, где можно не экономить на разработке, потому что все делается для того, чтобы пользователю было удобно совершать покупки, т.е. все это окупится и пойдет только плюсом. Под эти цели обычно выделают отдельный поддомен, к примеру – m.mysite.ru. В конфигурационный файл прописывают проверку на определение устройства, с которого заходит посетитель на сайт и в соответствии с полученным результатом происходит переадресация на прописанную цель. И если рассматривать тот вариант, что вы уже имеете сайт и хотели бы заказать мобильную версию, то здесь необходимо искать специалиста, который знает хорошо систему управления сайта (CMS) в качестве программирования и сможет с легкостью произвести натяжку нового мобильного дизайна.

Адаптация сайта под мобильные устройства.

Этот вариант гораздо проще, в несколько раз быстрее и менее затратен. Именно его я предлагаю всем своим клиентам и с уверенностью могу вам заявить, что его выбирают из-за ценовой политики. Допустим, у меня адаптация практически всегда занимает не более 2-3 дней, в то время, как другие вам предложат от 6 до 10 дней. А разработку мобильной версии могут отдельные студии и вовсе предложить месяц. Хотя, тут временные рамки больше зависят от специалиста. Итак, в чем же простота данного метода? Она заключается в том, что адаптация происходит методом медиа-запросов и стилизацией CSS. Основная работа заключается во взаимодействии с файлом стилей, где мы указываем определенные рамки, в которых будет отображаться или видоизменяться тот или иной блок верстки. Также, мы с легкостью можем отображать или скрывать, добавлять новые блоки с помощью скриптов в те места, где это не совсем удобно сделать версткой. Конечно, всегда приходится немного редактировать html, но эти правки минимальны и незначительны по сравнению с отдельной мобильной версией.