Tailwind CSS v3.0 Video Crash Course Plus Useful Things to Know
Today we are going to explore Tailwind CSS v3.0. In short, TaiwindCSS is a utility-first CSS framework packed with easy to use pre-defined classes. It’s a fairly popular CSS framework right now and I genuinely think that is worth trying out. Alongside the video, I’ve written a short article (below the video) where I talk about the framework in more detail.
Learn how to use TaiwindCSS 3.0
TaiwindCSS is a utility-first CSS framework packed with classes like
rotate-90 that can be composed to build any design, directly in your markup. It allows you to build modern websites without ever leaving your HTML.
Do you need to know CSS to use it
Accessibility and Usability
Use with Component based Framework
We all know that repetitive code is hard to maintain. The pre-defined classes are fairly easy to learn and understand but copying and pasting the same component around your website would mean that you have to maintain every single one of them. Unlike if you give your component a few class names where they can be maintained and updated from a global CSS.
This is why I would strongly suggest that you use TailwindCSS with a component-based framework.
- Saves time on coming up with logical class names
- It uses the approach of “use what you need”
- Easy to customize
- And the build-in design system
- Messy looking markup
- You have to learn another syntax
- It’s up to you to follow accessibility best practices when adding interactive behavior
- It won’t make you a designer 😀
What do you think about TaiwindCSS? Let’s me know in the comments below.
Thank you for reading this article. Please consider subscribing to my YouTube Channel. It’s FREE!