🎨 Tailwind CSS | Верстка Сайта + Мобильная Версия + Dark Mode

Описание: Верстка многостраничного сайта на фреймворке Tailwind CSS.

💬 Telegram - https://t.me/igorbabko_dev

🧪 Репозиторий: https://github.com/igorbabko/tailwind...
🧪 Исходный код для каждого урока: https://github.com/igorbabko/tailwind...

🎨 Тема VS Code: https://marketplace.visualstudio.com/...
🎨 Иконки VS Code: https://marketplace.visualstudio.com/...
✒️ Шрифт: https://philpl.gumroad.com/l/dank-mono

🍿 Весь плейлист:    • Верстка на Tailwind CSS  

👀 Другие курсы:
Laravel для новичков:    • Laravel для новичков  
Vue Composition API с нуля:    • Vue Composition API с нуля  
Vue + TypeScript | Конвертация JavaScript приложения в TypeScript:    • Vue + TypeScript | Конвертация JavaScript ...  
JavaScript Unit тестирование для новичков:    • JavaScript Unit тестирование для новичков  
Vue Unit Тестирование:    • Vue Unit Тестирование  
Vite в Laravel проекте:    • Vite в Laravel проекте  
Мои настройки VS Code:    • Мои настройки VS Code  
Расширение VSCode Neovim:    • Расширение VSCode Neovim  
VS Code Продуктивность | Мои Горячие Клавиши:    • VS Code Продуктивность | Мои Горячие Клавиши  
VS Code + Neovim | Множественный курсор:    • VS Code + Neovim | Множественный курсор  
Кастомная настройка Tailwind CSS:    • Кастомная настройка Tailwind CSS  
Tailwind CSS + JIT компилятор:    • Tailwind CSS + JIT компилятор  
Лендинг Tesla на Tailwind CSS:    • Лендинг Tesla на Tailwind CSS  
Верстка YouTube на Tailwind CSS:    • Tailwind CSS YouTube клон #1 - Шапка  
YouTube клон на Vue 3 и Tailwind CSS:    • YouTube клон на Vue 3 и Tailwind CSS  
YouTube API клон на Laravel:    • YouTube API клон на Laravel  
Настройка VS Code:    • Настройка VS Code  

#tailwindcss #tailwind


🕛 Тайм-коды:
00:00 - 1. Шапка
07:35 - 2. Главная секция
14:37 - 3. Отражение
21:18 - 4. Секция "Features"
29:24 - 5. Форма подписки
34:46 - 6. Подвал
42:42 - 7. Фильтры
49:43 - 8. Плейлисты
55:34 - 9. Страница плейлиста
01:00:12 - 10. Страница плейлиста
01:08:54 - 11. Страницы регистрации и входа
01:17:44 - 12. Адаптивная шапка
01:23:44 - 13. Мобильная навигация
01:27:53 - 14. Открытие / закрытие мобильной навигации
01:33:00 - 15. Адаптация главной секции
01:38:04 - 16. Адаптация секции особенностей
01:42:35 - 17. Адаптация секции подписки
01:46:21 - 18. Адаптация подвала
01:51:33 - 19. Адаптация главной страницы под планшеты
01:55:10 - 20. Адаптация страницы плейлистов
02:05:19 - 21. Адаптация страницы плейлиста
02:11:55 - 22. Адаптация страниц регистрации и входа
02:17:23 - 23. Темная тема шапки
02:23:46 - 24. Темная тема главной страницы
02:31:46 - 25. Темная тема страницы плейлистов
02:36:10 - 26. Темная тема страницы плейлиста
02:39:52 - 27. Темная тема страниц регистрации и входа