📖 Глоссарий курса

Термины Tailwind, shadcn/ui и общей вёрстки

Tailwind CSS

Термин	Значение
Утилита	класс, отвечающий за одно CSS-свойство: p-4, flex
Utility-first	подход, при котором интерфейс собирается композицией утилит, а не семантическими классами
Вариант (модификатор)	приставка с условием: hover:, md:, dark:
Произвольное значение	значение вне шкалы в квадратных скобках: w-[37px]
Шкала	набор допустимых значений темы; базовый шаг отступов — 0.25rem
Токен	именованное значение темы: --color-primary, --radius
Preflight	встроенный сброс браузерных стилей (слой base)
Сканирование	поиск имён утилит в файлах проекта перед генерацией CSS
Слой (@layer)	каскадный слой: theme, base, components, utilities
Container query	правило по ширине контейнера, а не окна: @container + @md:
OKLCH	цветовое пространство темы: светлота, насыщенность, тон
@theme	директива объявления токенов темы
@utility	директива создания собственной утилиты
@custom-variant	директива создания собственного модификатора
@source	директива указания файлов для сканирования

shadcn/ui

Термин	Значение
Реестр (registry)	каталог описаний компонентов, откуда CLI копирует исходники
Примитив	headless-компонент с поведением и доступностью, без оформления
Base UI	набор примитивов, используемый в актуальных версиях
Radix UI	альтернативный набор примитивов; основа старых версий
Слот (data-slot)	атрибут-метка части компонента
Стиль (style)	оформительский набор реестра, например base-nova
components.json	конфигурация проекта для CLI: пути, алиасы, базовый цвет
cn()	функция слияния классов: clsx + tailwind-merge
cva	описание вариантов компонента таблицей
render	проп полиморфизма в Base UI (аналог asChild в Radix)
Портал	отрисовка содержимого в конце документа, вне текущего родителя
Фокус-ловушка	удержание фокуса внутри открытого диалога

Общие термины CSS и интерфейсов

Термин	Значение
Контекст наложения	область, внутри которой работает z-index; создаётся transform, opacity, filter и другими свойствами
Логические свойства	ps, pe, ms, me — зависят от направления письма
Skeleton	заглушка, повторяющая геометрию будущего контента
Пустое состояние	экран без данных с объяснением и действием
Дизайн-токен	именованное решение (цвет, отступ, радиус), общее для продукта
Семантический цвет	цвет по роли (primary, destructive), а не по названию оттенка
Контраст	отношение яркостей текста и фона; минимум 4.5:1 для обычного текста
sr-only	скрыто визуально, доступно скринридеру
prefers-reduced-motion	системная настройка «меньше движения»
Mobile-first	сначала описывается мобильная версия, затем расширяется приставками