#YauhenK #webdev #TailwindCSS #Tailwind #CSS
В данном видеокурсе мы с вами рассмотрим TailwindCSS. TailwindCSS - это CSS-фреймворк, предлагающий обширный каталог классов и инструментов для облегчения стилизации сайта или приложения. Вместо традиционного использования одного класса, содержащего набор свойств (компонент), он предоставляет класс, которому соответсвует одно свойство. Tailwind использует набор интуитивно понятных классов, префиксов и суффиксов, которые очень просты для чтения и понимания. По результату курса мы создадим статичную страницу новостного сайта с множеством элементов по типу брэдкрамбы, бейджики, списки тем, пагинации и т.д. Сама же страница будет разработана с использованием подхода mobile first и будет поддерживать тёмную тему.
✒ Репозиторий курса:
✔ GitHub:
✒ 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:
✒ Автор курса:
✔ YouTube:
✔ Instagram:
✔ Twitter:
✔ VK:
✔ LinkedIn:
✔ GitHub:
✔ VK (Группа):
✒ Поддержать развитие канала:
3 views
24
1
6 months ago 00:05:18 4
Vite в Laravel проекте #14 - Интеграция React
6 months ago 00:05:11 2
Vite в Laravel проекте #13 - Интеграция Vue
6 months ago 00:03:12 2
Vite в Laravel проекте #12 - Интеграция Tailwind CSS
6 months ago 00:06:32 5
Vite в Laravel проекте #11 - Дополнительные настройки
6 months ago 00:07:34 2
Vite в Laravel проекте #9 - Переменные окружения
6 months ago 00:02:51 1
Vite в Laravel проекте #8 - Оптимизация картинок
6 months ago 00:04:30 1
Vite в Laravel проекте #7 - Макросы для класса Vite
6 months ago 00:03:29 10
Vite в Laravel проекте #6 - Статические файлы / импорт картинок
7 months ago 00:05:35 1
Vite в Laravel проекте #5 - Автоматическая перезагрузка страницы
7 months ago 00:03:29 1
Vite в Laravel проекте #4 - Псевдонимы путей (path aliases)
7 months ago 00:05:03 1
Vite в Laravel проекте #3 - Внедрение CSS и JS кода в Blade шаблон
7 months ago 00:05:44 2
Vite в Laravel проекте #2 - Сборка CSS и JS файлов
7 months ago 00:08:18 11
Vite в Laravel проекте #1 - Подключение CSS и JS файлов на странице
7 months ago 00:04:44 1
Мгновенное Создание Лендинга: Полное Руководство по Использованию AI Landing Page Generator
7 months ago 01:55:05 3
TailwindCSS. Полный курс
9 months ago 01:03:36 1
🛠 Visual Studio Code - Полная Настройка
10 months ago 04:03:28 1
setup: Деплой на VPS | Jest | Playwright | CI/CD | Sentry
12 months ago 03:34:44 18
⚡️ Vite - Быстрая Сборка JavaScript Проектов | Полный курс
1 year ago 07:27:04 2
Django 4 E-Commerce Полный курс #python #django4 #djangoecomerce
2 years ago 02:36:57 1
Разработка SPA на React, TypeScript, Redux-Toolkit и Tailwind | Ural Digital Weekend
2 years ago 05:41:04 25
💥 Полный курс JavaScript 2022 за 5 часов [ JavaScript / Ecmascript / React / TypeScript ]