🔥 Интенсив Ютуб будущего на Next JS 15 - https://htmllessons.link/tailwind
🚀 Новый мастер-класс "Авторизация 4.0: Максимум" - https://htmllessons.link/m4WMhnu
*Подписка на платформе теперь работает иначе - https://htmllessons.link/VlhHJt6
❤️ Отзывы тут - https://t.me/htmllessons_reviews
🦋 Наш ТГ канал - https://t.me/redgroup
Поддержи видео лайком, 1500 лайков 👍 и я делаю новый полный курс!
Скачать 🖥 папку проекта - https://htmllessons.link/7UDOKUP
Новый большое видео на канале! Сегодня я публикую полный курс Tailwind CSS для начинающих. Этот материал позволит тебе освоить Tailwind с нуля. Считай это 20 уроков Tailwind в одном видео. В прошлый раз я делал быстрый курс по Tailwind, но это был не такой глубокий материал. В этом ролике будет и практика Tailwind, разберем настройку конфига и немного теории. Можно сказать, это фундаментальный курс по Tailwind CSS от А до Я. Также мы разберем все новые функции Tailwind v4 4 версии. Приятного просмотра!
🔥 RED Group Plus (все наши курсы, практические видео) - https://www.youtube.com/@REDGroupPlus
🍥 Тема: Moonlight
Шрифт: Jetbrains Mono
Иконки: Charmed
🎹 Клавиатура - NuPhy Halo65 / switch Night Breeze или KZZI K75Pro (свитчи те же)
Если есть какие то вопросы по этой теме - дай знать в 💬 комментариях!
00:00:00 - Начало
00:02:23 - Введение
00:05:07 - Установка Tailwind
00:08:51 - Основы Tailwind CSS
00:09:57 - Расширение VS Code для Tailwind
00:10:25 - Стилизация/Типография
00:10:39 - Шрифт (размер, цвет, вес)
00:12:51 - Отступы (margin, padding, borders)
00:18:25 - Цвета
00:19:18 - Ширина и высота
00:21:52 - Контейнеры/Анимация
00:22:02 - Переходы и анимации
00:25:40 - Контейнеры
00:28:38 - Flex и Grids
00:31:45 - Эффекты и фильтры
00:35:15 - Продвинутые функции
00:35:47 - Hover, Focus, Before, After...
00:41:18 - Адаптивный дизайн - медиа-запросы
00:48:27 - Темный режим
00:48:52 - @apply и module.scss
00:50:30 - iframe и видео
00:56:33 - Функции Tailwind v4
01:03:49 - Практика
01:18:51 - Заключение
👇 Полезные ссылки:
- Настройка VS Code https://youtu.be/_oKVkJj6C6Y
- Настройка терминала https://youtu.be/6qzyWLZha0E
💡 Личный ТГ канал - https://dub.sh/his
👉 Все ссылки (+ настройка редактора) и информация обо мне - https://htmllessons.io/links
Контакты для связи
[email protected] - Реклама и сотрудничество
[email protected] - Если хотите к нам в команду
#RedGroup #Tailwind