đ Key Learning Outcomes
- Understanding Tailwind utility classes composition.
- Handling responsive breakpoints effectively.
- Triggering specific element states with Tailwind.
- Keeping bundle file size optimized.
- Extending Tailwind with custom utility classes.
đ¨âđĢ About the Course
This course delves into the world of Tailwind CSS, focusing on composing CSS utility classes to build user interfaces. You will learn how to create a custom design system, handle responsiveness, and maintain a unique look and feel for your web app. By the end, you'll be equipped to craft tailor-made CSS toolkits for your projects.
đ¯ Target Audience
- Ideal for CSS enthusiasts looking to enhance their skills.
- Suitable for web developers interested in streamlining UI development with utility classes.
â Requirements
- Basic understanding of CSS.
- Familiarity with web development concepts.
đ Course Content
- Course covers understanding Tailwind utility classes.
- Compiling Tailwind to CSS with gulp.
- Creating custom utility classes.
- Applying responsive classes.
- Styling elements on hover and focus.
- Extending Tailwind with custom classes.
- Abstracting utility classes to BEM components.
- Creating a responsive card component with Tailwind.
Drop a comment
Build User Interfaces by Composing CSS Utility Classes with Tailwind by Simon Vrachliotis
Log in to leave a feedback
Loginđ Psst! Interested in More CSS Courses?
What the Flexbox?!Video
by Wes Bos
đšī¸ Levels: đą Beginner, đ Intermediate
âŗ Duration: 4 hours
đ¤ Price: Free
Create a Landing Page with CSS Grid and FlexboxVideo
by Stephanie Eckles
đšī¸ Levels: đą Beginner, đ Intermediate
âŗ Duration: 0.5 hours
đ¤ Price: Subscription
đ§âđģ Learning Platform: Egghead.io
Learn CSS: Responsive DesignWrittenInteractive
by Jiwon Shin
đšī¸ Levels: đ Intermediate
âŗ Duration: 2 hours
đ¤ Price: Subscription
đ§âđģ Learning Platform: Codecademy