ไม่สามารถเล่นวิดีโอนี้
ขออภัยในความไม่สะดวก
TailwindCSS #14 Тёмная тема (Dark Theme)
ฝัง
- เผยแพร่เมื่อ 19 ก.ย. 2022
- #YauhenK #webdev #TailwindCSS #Tailwind #CSS
В данном видеокурсе мы с вами рассмотрим TailwindCSS. TailwindCSS - это CSS-фреймворк, предлагающий обширный каталог классов и инструментов для облегчения стилизации сайта или приложения. Вместо традиционного использования одного класса, содержащего набор свойств (компонент), он предоставляет класс, которому соответсвует одно свойство. Tailwind использует набор интуитивно понятных классов, префиксов и суффиксов, которые очень просты для чтения и понимания. По результату курса мы создадим статичную страницу новостного сайта с множеством элементов по типу брэдкрамбы, бейджики, списки тем, пагинации и т.д. Сама же страница будет разработана с использованием подхода mobile first и будет поддерживать тёмную тему.
✒ Репозиторий курса:
✔ GitHub: github.com/YauhenKavalchuk/ta...
✒ Полный список готовых и планируемых курсов:
✔ Trello: trello.com/b/R6rD7qq8
✒ Автор курса:
✔ TH-cam: / yauhenkavalchuk
✔ Instagram: / yauhenkavalchuk
✔ Twitter: / yauhenkavalchuk
✔ VK: YauhenKavalchuk
✔ LinkedIn: / yauhenkavalchuk
✔ GitHub: github.com/YauhenKavalchuk
✔ VK (Группа): webdevcom
✒ Поддержать развитие канала: github.com/YauhenKavalchuk/yo...
Отличное видео, Спасибо!
Пожалуйста
Спасибо за видео !
Пожалуйста
super
👍
Чтобы не мучиться с изменением цвета border при изменении темы, нужно изначально сделать его transparent, а не white.
👍
круто, спасибо! А если я захочу менять тему непосредственно в приложении через тумблер? или тэйлвинд такое не поддерживает
Поддерживает. Просто логика добавления класса будет реализована через Js
Спасибо за курс.
У меня в проекте есть тёмная тема, через Tailwind сделана. Но есть баг, я руты когда подключал через react lazy было мерцание когда по рутам переходил в первый раз. А потом мерцание пропадает пока страницу не перезагрузишь. В итоге искал искал и нашёл что из-за react lazy и убрал его пока что)) подскажите пожалуйста как можно решать эту проблему...
А можно через конфиг задать что бы по умолчанию шла тёмная, хотя всё-равно спорно. Если честно, не знаю не находил таких проблем
а как сделать чтобы html разметку писать именно в html файле и импортировать между разними js файлами?
никак. Обычно для таких задач используют какой-нибудь шаблонизатор
а в body class же тоже нужно удалить как и в html? у меня работает, только, когда я удалю все вместе
Всё верно, в уроке забыл - но сработало, в новых версиях видимо исправили
талый же умер уже) примерно как атомик-цсс, за год или два в середине 2018го)
Ну, вам виднее
Разве? По-моему он начал набирать популярность в прошлом году и до сих пор в топе