🎨 Tailwind CSS | Верстка Сайта + Мобильная Версия + Dark Mode
18Верстка многостраничного сайта на фреймворке Tailwind CSS.
💬 Telegram - https://t.me/igorbabko_dev
🧪 Репозиторий: hhttps://github.com/igorbabko/tailwindcss-code-editor🧪 Исходный код для каждого урока: hthttps://github.com/igorbabko/tailwindcss-code-editor/commits/main/🎨 Тема VS Code: hthttps://marketplace.visualstudio.com/items?itemName=WollaceBuarque.tailwind-theme Иконки VS Code: hthttps://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme ️ Шрифт: https://philpl.gumroad.com/l/dank-mono
🍿 Весь плейлист: • Верстка на Tailwind CSS
👀 Другие курсы:
Laravel для новичков: • Laravel для новичков
Vue Composition API с нуля: • Vue Composition API с нуля
Vue + TypeScript | Конвертация JavaScript приложения в TypeScript: • Vue + TypeScript | Конвертация JavaSc...
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. Темная тема страниц регистрации и входа