У нас вы можете посмотреть бесплатно TailwindCSS. Полный курс или скачать в максимальном доступном качестве, видео которое было загружено на ютуб. Для загрузки выберите вариант из формы ниже:
Если кнопки скачивания не
загрузились
НАЖМИТЕ ЗДЕСЬ или обновите страницу
Если возникают проблемы со скачиванием видео, пожалуйста напишите в поддержку по адресу внизу
страницы.
Спасибо за использование сервиса ClipSaver.ru
#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 ✒ Автор курса: ✔ YouTube: / yauhenkavalchuk ✔ Instagram: / yauhenkavalchuk ✔ Twitter: / yauhenkavalchuk ✔ VK: https://vk.com/YauhenKavalchuk ✔ LinkedIn: / yauhenkavalchuk ✔ GitHub: https://github.com/YauhenKavalchuk ✔ VK (Группа): http://vk.com/webdevcom ✒ Поддержать развитие канала: https://github.com/YauhenKavalchuk/yo...