Get Started With Tailwind CSS

Опубликовано: 21 Октябрь 2024
на канале: John Komarnicki

4,040

163

💡 Join My Weekly Dev Newsletter: https://www.johnkomarnicki.com/#news-...

In this video i'll show you how to get set up with Tailwind CSS and create your very first component using this very popular framework!

Tailwind References:
Tailwind Install: https://tailwindcss.com/docs/installa...
Tailwind Configuration: https://tailwindcss.com/docs/configur...
Tailwind Classes: https://tailwindcss.com/docs/aspect-r...
Tailwind Variants: https://tailwindcss.com/docs/hover-fo...

Video References:
Modern Landing Page:    • Build a Modern Landing Page With Tail...
Dark/Light Mode Theme Switcher:    • Tailwind CSS | Dark & Light Theme Swi...
-----------------------------------------------------------------------------------------------------
Join my channel to support me to continue doing what I love!
   / @johnkomarnicki
-----------------------------------------------------------------------------------------------------
Patreon:   / johnkomarnicki
Website: https://johnkomarnicki.com/
Twitter:   / john_komarnicki
LinkedIn:   / john-komarnicki
-------------------------------------------------------------------------------------------------------
Timestamps:
0:00 Introduction
0:48 Install Tailwind CSS
4:50 Set up Environment
5:30 Understanding Tailwind Docs
7:49 Adding Custom Configuration
9:50 Tailwind CSS IntelliSense
10:20 Building Card Component
16:44 Adding Modifiers/Variants (hover, focus, focus-within, etc)
17:48 Global Styles with the @apply Directive
-------------------------------------------------------------------------------------------------------
#tailwind #tailwindcss
Current Subscribers: 8,078