Адаптив
Также: Responsive
Адаптив — это способность сайта или приложения автоматически подстраиваться под размер экрана любого устройства.
Адаптив (или responsive design) — это технология, которая позволяет интерфейсу «дышать» и менять свою форму в зависимости от того, где его открыли: на огромном мониторе, планшете или маленьком смартфоне. Элементы сайта не просто уменьшаются, а перестраиваются: колонки встают друг под друга, меню превращается в кнопку-гамбургер, а картинки подбирают нужный размер.
Представьте, что ваш контент — это вода. Если вы нальете её в стакан, она примет форму стакана, если в широкую миску — форму миски. Адаптив работает точно так же: он берет ваш дизайн и аккуратно «разливает» его по экрану любого устройства, чтобы пользователю не приходилось постоянно увеличивать масштаб пальцами или скроллить вбок.
Зачем это нужно
Для вайбкодера адаптив критически важен, так как современные AI-инструменты типа Cursor или Windsurf часто генерируют код, который нужно проверять на разных разрешениях. Если ваш проект не адаптирован, пользователи уйдут через секунду, а поисковики понизят его в выдаче, так как удобство на мобильных устройствах — это базовый стандарт качества.