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

Виды вёрстки сайтов

Фиксированная верстка

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

«Резиновая» верстка

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

Фиксированная верстка с центрирование макета

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

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

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

Адаптивная верстка

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

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