Tailwind CSS, v2

Этот насыщенный практический воркшоп поможет вам пройти путь от нуля до готового к продакшену проекта с использованием Tailwind CSS версии 4. Вы освоите подход utility-first, научитесь работать с цветовыми темами OKLCH, использовать container queries, строить адаптивные макеты, применять варианты взаимодействия (group/peer/has), а также добавлять анимации и создавать настоящие компоненты, которые сразу можно использовать в своих проектах.

В ходе воркшопа вы научитесь:

• Создавать любые дизайны прямо в разметке с помощью utility-first подхода Tailwind
• Реализовывать адаптивные макеты на основе flexbox, grid, sub-grid и container queries
• Строить доступные, интерактивные компоненты с использованием вариантов group, peer и has, а также состояний ARIA и data-атрибутов
• Настраивать семантичные дизайн-токены, цветовые темы на OKLCH и поддержку тёмного режима
• Расширять Tailwind с помощью собственных плагинов, утилит и анимаций