В этом мастер-классе мы исследуем лучший способ поддержки продвинутой темизации, превосходящей темный режим. Вашей новой суперсилой станет способность внедрить поддержку множества тем в любой новый или существующий проект с использованием Tailwind CSS.
К концу мастер-класса у вас будет полностью функциональный плагин для Tailwind CSS, который способен добавить поддержку множества тем в любой проект, использующий Tailwind CSS. Ваша команда сможет многократно использовать этот плагин в различных проектах, экономя часы разработки.
Темы, которые мы рассмотрим
Вместе мы пошагово создадим стратегию
Определение цветов как CSS-переменных
Генерация новых классов утилиты для цветов, поддерживающих темизацию
Создание плагина Tailwind CSS, который оркестрирует нашу стратегию
Поддержка вложенных объектов с темами цветов
...и многое другое!
К концу этого семинара вы:
Поймете, как использовать области видимости CSS для создания иерархии темизации. Эта суперсила делает возможной создание реализаций темизации только с использованием CSS.
Воспользуетесь API плагинов Tailwind CSS для упаковки всех компонентов реализации темизации. API плагинов открывает перед вами полную мощь JavaScript для создания сложных и многоразовых функций CSS.
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
Ограничение времени просмотра
Вы можете просматривать пробный урок только 10 минут. Получите полный доступ, чтобы смотреть без ограничений.
Овладейте искусством использования Tailwind CSS.Поднимитесь на более высокий уровень, изучив продвинутые концепции и шаблоны Tailwind. Освоитесь с многочисленными темами, стилями и компонентами пользовательского интерфейса для различных проектов.
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
На этом мастер-классе вы узнаете, как наилучшим образом создавать и управлять несколькими вариантами стилей для ваших компонентов пользовательского интерфейса, используя Tailwind CSS.Движок Just-in-Time в Tailwind CSS не поддерживает динамические имена классов. Это приводит к чрезмерно сложным условным операторам и вложенным тернарным операторам, которые трудно отслеживать и еще сложнее добавлять новые варианты На протяжении этого мастер-кла