Создание адаптивной вёрстки сайта

Устаревшая конструкция. С декабря 1999 года первые сайты были выполнены с фиксированной адаптированной html-вёрсткой сайта под популярное в то время разрешение 800х600 точек. По мере распространения мониторов с разрешением 1024х768 и 1280х1024 верстка "замерла" на некоторое время, что хорошо было видно по сайтам, которые были прижаты к левому краю экрана и справа было значительное расстояние в виде совершенно пустого места в виде фона. Хотя были и в то время прогрессивные сайты с центральным выравниванием.

Устаревшая конструкция. Примерно с 2002 года начался этап "резиновой" верстки. В офисах и дома оставались, как старые мониторы, но число новых стремительно росло и разработчики пришли к пониманию, что нужно делать сайты, которые умели бы подстраиваться под разрешение пользователя, коих в то в время было еще немного. И самым простым и надежным решением было тянуть блоки по-горизонтали. Такие моменты сразу предусматривались и в дизайне. Один сайт нашего клиента сектора B2B проработал с подобной вёрсткой 15 лет (!) до весны 2018 года и всё это время приносил заказы.

Устаревшая конструкция. Следующий этап наступил, примерно, в 2006 году — становится популярным делать сайты фиксированной ширины (примерно 950 точек) и располагать их строго по центру браузера. Это было оптимальным решением для различных разрешений мониторов как десктопов, так и ноутбуков. Получили уже широкое распространение ноутбуки с широкоформатным 1366x768, так и начинают появляться мониторы с разрешение 1920х1080 (Full HD). Верстка по центру была простой и решала основную задачу - сайт смотрелся одинаково на любых разрешениях экрана.

Устаревшая конструкция. По мере распространения смартфонов и планшетов игнорировать пользователей мобильных устройств уже было нельзя. Первые устройства были с небольшим разрешением экрана, да и мобильные сети не предлагали 3G и LTE. Примерно в 2009 году разработчики сайтов нашли оптимальное решение — делать отдельные версии сайтов с упрощенной структурой и навигацией. Такие версии содержали самые основные разделы и не более. С самого начала они даже не открывались автоматизированно, а нужно было либо знать ссылочку такой версии или найти на странице ссылку и кликнуть на неё.

Современное решение. Очень сложно однозначно вспомнить время массовой разработки первых сайтов с адаптивной вёрсткой. Кто-то начал раньше и прошел трудный путь проб и ошибок, кто-то приступил намного позже, когда все основные моменты были понятны и досконально изучены. В нашей студии первые сайты с адаптивной вёрсткой были разработаны в 2014 году. Подобная вёрстка актуальна и это основная вёрстка для всех наших работ. Разработка адаптивной верстки выполняется строго индивидуально, что позволяет добиться стабильного качества и лучшего отклика ресурса заказчика.