TailwindCSS

Описание курса:

В данном видеокурсе мы с вами рассмотрим TailwindCSS. TailwindCSS - это CSS-фреймворк, предлагающий обширный каталог классов и инструментов для облегчения стилизации сайта или приложения. Вместо традиционного использования одного класса, содержащего набор свойств (компонент), он предоставляет класс, которому соответсвует одно свойство. Tailwind использует набор интуитивно понятных классов, префиксов и суффиксов, которые очень просты для чтения и понимания. По результату курса мы создадим статичную страницу новостного сайта с множеством элементов по типу брэдкрамбы, бейджики, списки тем, пагинации и т.д. Сама же страница будет разработана с использованием подхода mobile first и будет поддерживать тёмную тему.

Поддержать развитие канала:

Используемые инструменты:

Полезные ссылки:

TailwindCSS (документация)

Полезные видео:

Быстрый старт

Клонируйте репозиторий: https://github.com/YauhenKavalchuk/tailwindcss.git
Перейдите в папку с проектом: cd tailwindcss
Перейдите в нужную ветку соответствующую уроку:
- git checkout lesson_01
- git checkout lesson_02
- git checkout lesson_10 и т.д.
Установите зависимости: yarn install
Запустите сборку СCS файл: yarn build
Откройте index.html в браузере

YauhenKavalchuk/tailwindcss