Design with Tailwind CSS Masterclass • Part 1
Introduction to Tailwind and the Utility First Workflow
Instructor
Adam Wathan- Tailwind
^1.0.4
Meet Tailwind, a utility-first CSS framework for rapidly building custom user interfaces.
Tailwind provides us with highly compassable utility classes but leaves the design specification completely up to the user to maintain that custom look and feel to your app.
⭐ Still Awesome
This course is direct from the library author and is still awesome even though it’s built on the previous version and there are minor API changes.
This course is part of the Design with Tailwind CSS Masterclass.
What you'll learn
- Install Tailwind CSS in your project
- Design with the utility first workflow
- Use Tailwind CSS for responsive design
- Extract Tailwind CSS component classes
Learner Reviews
- Taofiki Yussuff5 months agoWhat did you like about this course?
Direct, straight to the point and resourceful. Thanks Adam
- Tharapon Menkham6 months agoWhat did you like about this course?
Great course to start and understand Tailwind from the creator!
- Mandeep Singh Gulati6 months agoWhat did you like about this course?
I liked the teaching approach of taking actual real world examples and teaching the concepts by working through those. Thanks!
- Hector Gonzalez7 months agoWhat did you like about this course?
The easy explanation, I love how easy is to understand everything and how Tailwind works
- Jodi Warren7 months agoWhat would make this collection a 7 for you?
The gap between lessons 5 & 6 required some fiddling, and tbh lesson 6 wasn't particularly Tailwind-specific.
- 1
You might also like these resources:
CSS Fundamentals
Even the most experienced developer can learn something new when it comes to using and understanding how the browser interprets CSS. In this course, we will slowly style a website according to a mocked image
Build Complex Layouts with CSS Grid Layout
CSS Grid layout is a two-dimensional layout method that gives you control over items in rows as well as columns. In this course we will look at multiple ways to divide the page into major regions with control of the size, position, and layer.
Flexbox Fundamentals
Flexbox is a wonderful tool built into the CSS specification. Using flexbox doesn't require any special framework or library, just a browser with CSS3 support. It is so awesome, and makes the arranging elements on a page almost fun!