Build User Interfaces by Composing CSS Utility Classes with Tailwind
Instructor
Simon Vrachliotis
Building your web app with a fully customized design is a daunting task. If you aren't a CSS expert, applying a design style to your markup can consume hours and hours as you try to tweak pixels, align elements, and bang your head on the desk in frustration.
Tailwind provides us with highly composable utility classes but leaves the design specification entirely up to the user to maintain that custom look and feel to your app.
In this course, you'll learn how to handle responsive breakpoints, how to trigger specific element states, how to handle specificity, how to keep your bundle file size in check, and how to seamlessly extend Tailwind with your own custom utility classes.
By the end of the course, you should have a firm understanding of how Tailwind works and be able to create your own tailor-made design system and utility class CSS toolkit for your next project!
Learner Reviews
- David Free4 years agoWhat did you like about this course?
Lots of great little tricks in these videos. Well worth the 30 minutes if you are going to use Tailwind!
- James E Lovejoy4 years agoHow will you use what you learned from this course?
Hi Simon,
I enjoyed the quick videos showing examples of how to use tailwind classes and customize them. Found the representation of tailwind logic extremely helpful. One of the few actual tailwind courses I could find. - Alan Gorton4 years agoWhat did you like about this course?
Nice, clear presentation. Content at the right level for me (a CSS enthusiastic amateur). Thanks!
- Tom Stones4 years agoHow will you use what you learned from this collection?
I am evaluating using Tailwind or a large scall application so i am using this to get some grounding in tailwind
- Andrea Barghigiani4 years agoWhat did you like about this course?
The introduction highlights the good parts of Tailwind, Made me curious to start using it
- Michael Fields4 years agoWhat did you like about this course?
Fast paced but easy to follow. Loved the responsive card episode.
Course Content
You might also like these resources:
Introduction to Cloudflare Workers
Become familiar with the Workers CLI wrangler that we will use to bootstrap our Worker project. From there you'll understand how a Worker receives and returns requests/Responses. We will also build this serverless function locally for development and deploy it to a custom domain.
Create an eCommerce Store with Next.js and Stripe Checkout
This is a practical project based look at building a working e-commerce store using modern tools and APIs. Excellent for a weekend side-project for your developer project portfolio
Practical Git for Everyday Professional Use
git is a critical component in the modern web developers tool box. This course is a solid introduction and goes beyond the basics with some more advanced git commands you are sure to find useful.