Tailwind CSS v2.0 | Forms Plugin
With Tailwind Css v2.0 a new forms plugin was released to normalize & reset forms styles. This provides us a good base for our forms styles to add TailwindCss utility classes.
We'll build out a quick login form with the new Forms plugin and take a look at several other v2.0 features.
-Extended Palette
-Focus Ring
-Extended Variant
-using our Variants with @apply
-Darkmode.
@tailwindcss/forms
https://github.com/tailwindlabs/tailwindcss-forms
Github Source
https://github.com/codewithchu/tailwindcss-v2-setup-install
Video Sections:
00:00 - Overview
01:38 - Setup Project
02:40 - Configure Tailwind Config
04:34 - Setup HTML Markup
04:59 - Apply Utility Classes
08:18 - Focus Ring
09:38 - Extend Variant
12:00 - Bonus Convert to Dark Mode
15:11 - Build for Production
15:50 - Outro
Subscribe and Learn to Code w/ Chu
https://www.youtube.com/channel/UCSyosm-WcUPT4LnUIIdqSCw
Tailwind v1 Tutorial Series
https://www.youtube.com/playlist?list=PLWdUl9HX1R_XMR5d3f_63cEPD69hbhn6G
Resources
--------------------------------------------------------------
TailwindCss - https://tailwindcss.com/
NodeJs - .https://nodejs.org/
VScode - https://code.visualstudio.com/
Connect with Code With Chu
--------------------------------------------------------------
https://arthurchu.ca
https://twitter.com/codewithchu
https://www.instagram.com/codewithchu/
https://www.facebook.com/codewithchu
https://github.com/codewithchu/
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Tailwind CSS v2.0 | Forms Plugin», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.