Последние темы автора:
- [Екатерина Федорова] Эстетика лица, шеи, зоны декольте. Уровень 2 (2025)
- [Полина Бондарева] Контекстная реклама в Яндекс + Практика. Тариф Самостоятельный (2024)
- [Виктория Матвиенко] Как создать ИИ‑блогера и зарабатывать на нём (2026)
- [Юрий Черников] 52 фишки личной эффективности (видео+транскрибация)
- [Ирина Калмыкова] Всё, что вы хотели знать про тон кожи!
- #1
Голосов: 0
[frontendmasters] Tailwind CSS, v2
Этот насыщенный практический воркшоп поможет вам пройти путь от нуля до готового к продакшену проекта с использованием Tailwind CSS версии 4. Вы освоите подход utility-first, научитесь работать с цветовыми темами OKLCH, использовать container queries, строить адаптивные макеты, применять варианты взаимодействия (group/peer/has), а также добавлять анимации и создавать настоящие компоненты, которые сразу можно использовать в своих проектах.
Подробнее:
Описание:
Этот насыщенный практический воркшоп поможет вам пройти путь от нуля до готового к продакшену проекта с использованием 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 с помощью собственных плагинов, утилит и анимаций
Подробнее:
Для просмотра ссылок пройдите регистрацию
