Что изменилось в вёрстке за последние годы

Тот, кто занимался вёрсткой лет десять-пятнадцать назад и вернулся к ней сегодня, застанет практически другую дисциплину — многое из того, что раньше требовало обходных путей, хаков и сторонних библиотек, сегодня решается несколькими строчками стандартного CSS.

Flexbox и Grid избавили от необходимости вёрстки колонок через float и таблицы, о которых уже почти не вспоминают в контексте построения макета страницы. Центрирование блока, годами считавшееся почти шуткой из-за своей неочевидности, сегодня решается парой строк без всяких хитростей.

CSS-переменные забрали у препроцессоров вроде Sass часть их исторической ценности — то, ради чего раньше требовалось подключать дополнительный инструмент сборки, сегодня во многих случаях доступно прямо в браузере, без промежуточного шага компиляции файлов перед публикацией.

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

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

При этом фундаментальные знания — блочная модель, каскад, специфичность селекторов — остаются актуальными точно так же, как и много лет назад. Новые инструменты меняют то, как решаются задачи, но не отменяют необходимости понимать, как CSS устроен на базовом уровне.

Обзор эволюции CSS за последние годы и появления новых возможностей можно найти в материалах о состоянии CSS на State of CSS, ежегодном опросе сообщества разработчиков.

Поделиться в социальных сетях

Отправить комментарий

0 Комментарии

Отправить комментарий (0)

#buttons=(Хорошо) #days=(20)

Мы используем файлы cookie для улучшения работы сайта. Подробнее
Хорошо
×