Sign in to confirm you’re not a bot
This helps protect our community. Learn more

TailwindCSS. Полный курс

webDev
119K subscribers
71K views 2 years ago #CSS #TailwindCSS #webdev
#YauhenK #webdev #TailwindCSS #Tailwind #CSS В данном видеокурсе мы с вами рассмотрим TailwindCSS. TailwindCSS - это CSS-фреймворк, предлагающий обширный каталог классов и инструментов для облегчения стилизации сайта или приложения. Вместо традиционного использования одного класса, содержащего набор свойств (компонент), он предоставляет класс, которому соответсвует одно свойство. Tailwind использует набор интуитивно понятных классов, префиксов и суффиксов, которые очень просты для чтения и понимания. По результату курса мы создадим статичную страницу новостного сайта с множеством элементов по типу брэдкрамбы, бейджики, списки тем, пагинации и т.д. Сама же страница будет разработана с использованием подхода mobile first и будет поддерживать тёмную тему. ✒ Репозиторий курса: ✔ GitHub: https://github.com/YauhenKavalchuk/ta... ✒ Timeline: ✔ 0:00 - Введение (Introduction) ✔ 2:05 - Установка окружения (Setup Environment) ✔ 10:11 - Шрифты и цвета (F …...more
...more

Введение (Introduction)

0:00

Установка окружения (Setup Environment)

2:05

Шрифты и цвета (Fonts & Colors)

10:11

Отступы и граница (Padding, Margin & Borders)

17:35

Декорирование (Hover & Decoration)

27:03

Кнопки (Buttons)

35:15

Применение Flexbox (Using Flexbox)

43:06

Директивы (Directives)

48:39

Иконки (Icons)

55:16

Сеточный макет (Grid Layout)

59:43

Градиенты (Gradients)

1:08:43

Отзывчивый макет (Responsive Layout)

1:16:07

Картинки (Images)

1:24:39

Плавные переходы (Transitions)

1:31:29

Тёмная тема (Dark Theme)

1:38:24

Пользовательские настройки (Customization)

1:47:53
TailwindCSS. Полный курс
2.6KLikes
71,940Views
2023Jan 10
#YauhenK #webdev #TailwindCSS #Tailwind #CSS В данном видеокурсе мы с вами рассмотрим TailwindCSS. TailwindCSS - это CSS-фреймворк, предлагающий обширный каталог классов и инструментов для облегчения стилизации сайта или приложения. Вместо традиционного использования одного класса, содержащего набор свойств (компонент), он предоставляет класс, которому соответсвует одно свойство. Tailwind использует набор интуитивно понятных классов, префиксов и суффиксов, которые очень просты для чтения и понимания. По результату курса мы создадим статичную страницу новостного сайта с множеством элементов по типу брэдкрамбы, бейджики, списки тем, пагинации и т.д. Сама же страница будет разработана с использованием подхода mobile first и будет поддерживать тёмную тему. ✒ Репозиторий курса: ✔ GitHub: https://github.com/YauhenKavalchuk/ta... ✒ Timeline: ✔ 0:00 - Введение (Introduction) ✔ 2:05 - Установка окружения (Setup Environment) ✔ 10:11 - Шрифты и цвета (Fonts & Colors) ✔ 17:35 - Отступы и граница (Padding, Margin & Borders) ✔ 27:03 - Декорирование (Hover & Decoration) ✔ 35:15 - Кнопки (Buttons) ✔ 43:06 - Применение Flexbox (Using Flexbox) ✔ 48:39 - Директивы (Directives) ✔ 55:16 - Иконки (Icons) ✔ 59:43 - Сеточный макет (Grid Layout) ✔ 01:08:43 - Градиенты (Gradients) ✔ 01:16:07 - Отзывчивый макет (Responsive Layout) ✔ 01:24:39 - Картинки (Images) ✔ 01:31:29 - Плавные переходы (Transitions) ✔ 01:38:24 - Тёмная тема (Dark Theme) ✔ 01:47:53 - Пользовательские настройки (Customization) ✒ Полный список готовых и планируемых курсов: ✔ Trello: https://trello.com/b/R6rD7qq8 🚀 Комьюнити канала: ✅ Telegram: https://t.me/yauhenwebdev 👨‍💻 Автор канала: ✅ YouTube:    / yauhenkavalchuk   ✅ Instagram:   / yauhenkavalchuk   ✅ Twitter:   / yauhenkavalchuk   ✅ GitHub: https://github.com/YauhenKavalchuk ✅ LinkedIn:   / yauhenkavalchuk   ✅ VK: https://vk.com/YauhenKavalchuk 💵 Поддержать канал: https://github.com/YauhenKavalchuk/yo...

Follow along using the transcript.

webDev

119K subscribers