Переглядів 59,175
#YauhenK #webdev #TailwindCSS #Tailwind #CSS
В данном видеокурсе мы с вами рассмотрим TailwindCSS. TailwindCSS - это CSS-фреймворк, предлагающий обширный каталог классов и инструментов для облегчения стилизации сайта или приложения. Вместо традиционного использования одного класса, содержащего набор свойств (компонент), он предоставляет класс, которому соответсвует одно свойство. Tailwind использует набор интуитивно понятных классов, префиксов и суффиксов, которые очень просты для чтения и понимания. По результату курса мы создадим статичную страницу новостного сайта с множеством элементов по типу брэдкрамбы, бейджики, списки тем, пагинации и т.д. Сама же страница будет разработана с использованием подхода mobile first и будет поддерживать тёмную тему.
✒ Репозиторий курса:
✔ GitHub: 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: trello.com/b/R6rD7qq8
✒ Автор курса:
✔ UKposts: / yauhenkavalchuk
✔ Instagram: / yauhenkavalchuk
✔ Twitter: / yauhenkavalchuk
✔ VK: YauhenKavalchuk
✔ LinkedIn: / yauhenkavalchuk
✔ GitHub: github.com/YauhenKavalchuk
✔ VK (Группа): webdevcom
✒ Поддержать развитие канала: github.com/YauhenKavalchuk/yo...