Design with Tailwind CSS Masterclass • Part 2
Design and Implement Common Tailwind Components
Instructor
Adam Wathan- Tailwind
^1.0.4
Now that we covered fundamentals, we're going to design and implement common components that you will see in the wild.
We'll start with a basic Vue.js application and some hard-coded data that will be displayed within the application.
⭐ 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
- Style a Card Components
- Style badges
- Style SVG Icons
- Style Images
Learner Reviews
- Abdul3 months agoWhat did you like about this course?
Even as a intermediate UI developer, I learned new CSS concepts.
- prichardstockton11 months agoWhat did you like about this course?
its not so much about technique (learning software) it's about learning design
- Peter2 years agoWhat did you like about this course?
Very thorough and not out of date (like when something isn't working because of an unknown update).
- Mikael Eriksson2 years agoWhat did you like about this course?
Good introduction not only to tailwind but a lot of good tips and tricks for css as well.
- Learner2 years agoWhat did you like about this course?
enjoyed the various design techniques using tailwind.
- Nikodem3 years agoWhat did you like about this course?
Very insightful and well presented portion of knowledge both about CSS and working with Tailwind
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!