The Advanced TailwindCSS Crash Course
Animated UI components for React, Tailwind CSS, Framer Motion & More ✨ https://www.hover.dev
TailwindCSS is, in my opinion, the simplest, easiest to maintain, most scalable way to handle styling.
Today we're not only going to learn the basics (you can learn those in about 5 minutes on your own), but all of the advanced tips I've picked up over a few years using Tailwind.
If there's anything I haven't covered in this video that you'd like me to cover, please don't hesitate to ask! I'm happy to do more break downs!
📚 Project Links
Code: https://github.com/TomIsLoading/advan...
Better theming: • The Best Way to Handle Dark Mode with...
Why people love Tailwind: • Why People Love TailwindCSS
Install: https://tailwindcss.com/docs/installa...
tailwind-merge: https://github.com/dcastil/tailwind-m...
class-variance-authority: https://cva.style/docs
🔗 My Links
TikTok: / tomisloading
Instagram: / tomisloading
GitHub: https://github.com/TomIsLoading
Twitter: / tomisloading
Discord & more: https://linktr.ee/tomisloading
Portfolio templates: https://tomisloading.gumroad.com/
Website: https://www.hover.dev
Timeline:
0:00 - Introduction
0:23 - What is is and why you should use it
5:17 - Installation
6:14 - My TailwindCSS & React component library
6:59 - VSCode and prettier plugins
8:27 - The basics
12:26 - Modifiers
16:57 - Dark mode
19:22 - Responsiveness
21:11 - Extra tailwind magic utilities
25:03 - Theming
28:14 - Directives
29:50 - Plugins
33:03 - Tooling
Watch video The Advanced TailwindCSS Crash Course online without registration, duration hours minute second in high quality. This video was added by user Tom Is Loading 20 May 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 16,510 once and liked it 745 people.