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

#YauhenK #webdev #TailwindCSS #Tailwind #CSS В данном видеокурсе мы с вами рассмотрим TailwindCSS. TailwindCSS - это CSS-фреймворк, предлагающий обширный каталог классов и инструментов для облегчения стилизации сайта или приложения. Вместо традиционного использования одного класса, содержащего набор свойств (компонент), он предоставляет класс, которому соответсвует одно свойство. Tailwind использует набор интуитивно понятных классов, префиксов и суффиксов, которые очень просты для чтения и понимания. По результату курса мы создадим статичную страницу новостного сайта с множеством элементов по типу брэдкрамбы, бейджики, списки тем, пагинации и т.д. Сама же страница будет разработана с использованием подхода mobile first и будет поддерживать тёмную тему. ✒ Репозиторий курса: ✔ GitHub: https://github.com/YauhenKavalchuk/tailwindcss ✒ 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 ✒ Автор курса: ✔ YouTube: https://www.youtube.com/YauhenKavalchuk ✔ Instagram: https://www.instagram.com/YauhenKavalchuk ✔ Twitter: https://twitter.com/YauhenKavalchuk ✔ VK: https://vk.com/YauhenKavalchuk ✔ LinkedIn: https://www.linkedin.com/in/YauhenKavalchuk ✔ GitHub: https://github.com/YauhenKavalchuk ✔ VK (Группа): http://vk.com/webdevcom ✒ Поддержать развитие канала: https://github.com/YauhenKavalchuk/youtube/blob/main/sponsoring.md