Быстрый курс по Tailwind CSS v3 + настройка конфига
🔥 Оформить премиум подписку - https://htmllessons.ru/premium?utm_source=youtube&utm_medium=red-group&utm_campaign=description&utm_content=tailwind-crash-course
► Интенсив React с нуля (приложение для тренировок) - https://htmllessons.ru/int/show/3?utm_source=youtube&utm_medium=red-group&utm_campaign=description&utm_content=tailwind-crash-course
В этом крутом ролике мы разберем Tailwind CSS.
Надеюсь Вы оцените мои старания, с Вас лайк и подписка. 🔥 150 лайков и я снимаю еще ролик
Если есть какие то фишки по этой теме - дай знать в 💬 комментариях!
💰 Новый ролик для спонсоров доступен на Boosty https://boosty.to/redgroup или в нашей общей подписке (от 3 мес.) на сайте https://htmllessons.ru/premium
Скачать 🖥 исходник проекта в нашем хранилище - https://htmllessons.ru/storage#storage_file_39
Дока Tailwind - https://tailwindcss.com/docs/installation
#Tailwind #React #TailwindCSS #RedGroup
Мы разберем Tailwind CSS и большинство функций. Научимся делать кастомные конфиги, подключим плагины и сделаем свои компоненты. Также разберем директивы и функции. Рассмотрим новую версию Tailwind CSS v3.
Тайм коды:
00:00 - Начало
00:56 - Что будет в видео?
01:50 - Установка Tailwind
05:52 - Расширение Tailwind VS code
07:38 - Отступы (margin, padding, borders)
09:05 - Шрифт (размер, цвет, жирность)
10:03 - Ширина, высота
10:41 - hover, focus, before, after...
12:25 - Transition
13:43 - Анимации
14:20 - Адаптация - медиа запросы
15:17 - Темный режим
15:40 - @apply и module.scss
17:32 - Пример на верстке формы авторизации
25:34 - Tailwind Config
30:18 - Плагины
31:24 - Компонент кнопки
34:11 - Кастомная утилита
35:03 - Что нового в 3 версии?
► Интенсив Node.js + Express - Backend с нуля - https://htmllessons.ru/int/show/2?utm_source=youtube&utm_medium=red-group&utm_campaign=description&utm_content=tailwind-crash-course
► Интенсив по верстке сайта с 0 - https://htmllessons.ru/int/show/1?utm_source=youtube&utm_medium=red-group&utm_campaign=description&utm_content=tailwind-crash-course
👉 Смотрите видео ДО КОНЦА, подписывайтесь на канал, ставьте 👍 и колокольчик 🔔
► Оформить подписку на нашем сайте - https://htmllessons.ru/premium
► Эксклюзивный контент - https://boosty.to/redgroup
► Оформи спонсорство и получи уникальный значок и эмоджи - https://www.youtube.com/channel/UCdpPBwKPriPIP2eyP9a1C6g/join
► Хранилище (здесь все файлы к видео) *требуется авторизация - https://htmllessons.ru/storage
► Научим разрабатывать сайты - https://htmllessons.ru/
► Личный Instagram - https://www.instagram.com/maxzbs/
► Личный Youtube - https://www.youtube.com/channel/UChXs79MvR8NjOumyxY3ayjw
► Получи до 4000 руб. на первое бронирование через Airbnb - https://abnb.me/e/Mgl6khUuN3
► Если хочешь улучшить качество видео - https://htmllessons.ru/ext/donate
► Мой сетап VS Code - https://youtu.be/_jquc4KJ4IU
Немного обо мне: меня зовут Максим, я уже 9 лет занимаюсь веб-разработкой. На данный момент являюсь основателем двух крутых проектов htmllessons.ru и еще одного глобального проекта. Первый, был моей дипломной работой в колледже. Как и все, начинал с изучения верстки html, css, js. Затем появилась потребность в изучении Laravel для разработки образовательного проекта. Затем я ушел от PHP и перешел на Javascript, так как появилась задача по разработке крупного проекта. Основная миссия – создавать крутые продукты, которые будут помогать людям и менять мир. Буду рад, если Вы меня поддержите и подпишитесь на мой канал. Спасибо 😊
Видео Быстрый курс по Tailwind CSS v3 + настройка конфига канала RED Group
► Интенсив React с нуля (приложение для тренировок) - https://htmllessons.ru/int/show/3?utm_source=youtube&utm_medium=red-group&utm_campaign=description&utm_content=tailwind-crash-course
В этом крутом ролике мы разберем Tailwind CSS.
Надеюсь Вы оцените мои старания, с Вас лайк и подписка. 🔥 150 лайков и я снимаю еще ролик
Если есть какие то фишки по этой теме - дай знать в 💬 комментариях!
💰 Новый ролик для спонсоров доступен на Boosty https://boosty.to/redgroup или в нашей общей подписке (от 3 мес.) на сайте https://htmllessons.ru/premium
Скачать 🖥 исходник проекта в нашем хранилище - https://htmllessons.ru/storage#storage_file_39
Дока Tailwind - https://tailwindcss.com/docs/installation
#Tailwind #React #TailwindCSS #RedGroup
Мы разберем Tailwind CSS и большинство функций. Научимся делать кастомные конфиги, подключим плагины и сделаем свои компоненты. Также разберем директивы и функции. Рассмотрим новую версию Tailwind CSS v3.
Тайм коды:
00:00 - Начало
00:56 - Что будет в видео?
01:50 - Установка Tailwind
05:52 - Расширение Tailwind VS code
07:38 - Отступы (margin, padding, borders)
09:05 - Шрифт (размер, цвет, жирность)
10:03 - Ширина, высота
10:41 - hover, focus, before, after...
12:25 - Transition
13:43 - Анимации
14:20 - Адаптация - медиа запросы
15:17 - Темный режим
15:40 - @apply и module.scss
17:32 - Пример на верстке формы авторизации
25:34 - Tailwind Config
30:18 - Плагины
31:24 - Компонент кнопки
34:11 - Кастомная утилита
35:03 - Что нового в 3 версии?
► Интенсив Node.js + Express - Backend с нуля - https://htmllessons.ru/int/show/2?utm_source=youtube&utm_medium=red-group&utm_campaign=description&utm_content=tailwind-crash-course
► Интенсив по верстке сайта с 0 - https://htmllessons.ru/int/show/1?utm_source=youtube&utm_medium=red-group&utm_campaign=description&utm_content=tailwind-crash-course
👉 Смотрите видео ДО КОНЦА, подписывайтесь на канал, ставьте 👍 и колокольчик 🔔
► Оформить подписку на нашем сайте - https://htmllessons.ru/premium
► Эксклюзивный контент - https://boosty.to/redgroup
► Оформи спонсорство и получи уникальный значок и эмоджи - https://www.youtube.com/channel/UCdpPBwKPriPIP2eyP9a1C6g/join
► Хранилище (здесь все файлы к видео) *требуется авторизация - https://htmllessons.ru/storage
► Научим разрабатывать сайты - https://htmllessons.ru/
► Личный Instagram - https://www.instagram.com/maxzbs/
► Личный Youtube - https://www.youtube.com/channel/UChXs79MvR8NjOumyxY3ayjw
► Получи до 4000 руб. на первое бронирование через Airbnb - https://abnb.me/e/Mgl6khUuN3
► Если хочешь улучшить качество видео - https://htmllessons.ru/ext/donate
► Мой сетап VS Code - https://youtu.be/_jquc4KJ4IU
Немного обо мне: меня зовут Максим, я уже 9 лет занимаюсь веб-разработкой. На данный момент являюсь основателем двух крутых проектов htmllessons.ru и еще одного глобального проекта. Первый, был моей дипломной работой в колледже. Как и все, начинал с изучения верстки html, css, js. Затем появилась потребность в изучении Laravel для разработки образовательного проекта. Затем я ушел от PHP и перешел на Javascript, так как появилась задача по разработке крупного проекта. Основная миссия – создавать крутые продукты, которые будут помогать людям и менять мир. Буду рад, если Вы меня поддержите и подпишитесь на мой канал. Спасибо 😊
Видео Быстрый курс по Tailwind CSS v3 + настройка конфига канала RED Group
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Верстка сайта еще никогда не была настолько простой! Вышла замена Bootstrap?Should You Use Tailwind CSS?Ultimate Tailwind CSS Tutorial // Build a Discord-inspired Animated NavbarInstall Tailwind CSS v3 - CDN vs CLI vs PostCSSTailwindCSS responsive tables on mobile screensЧто такое Tailwind CSS?⚡️Быстрый курс по Redux Toolkit (React, RTK query, TypeScript, Next.js)Learn GSAP In 23 MinutesTailwind CSS v3.0 Crash CourseCSS Flexbox. Полный курсTailwind in 100 SecondsTailwindcss v3 . Обзор фреймворка. Верстка реального проекта с Upwork 2022Build and Deploy a Modern Web 3.0 Blockchain App | Solidity, Smart Contracts, CryptoTailwind CSS React TutorialTailwind Crash Course | Project From Scratch⚡️Быстрый курс по React Hook Form | Формы в React - Легко!CSS Grid - самая понятная инструкция с примерами по гридам (сеткам) в CSSБыстрый курс по TypeScript 2022 // Уроки TypeScript для начинающих!Next.js. Полный курс