Save 45% for a limited time.

Get access to all courses and lessons on egghead today.

Autoplay

    Composing CSS Utility Classes with Tailwind Course Introduction

    Simon VrachliotisSimon Vrachliotis

    In this course, you'll learn to build custom user interfaces with Tailwind, a utility-first CSS framework.

    Throughout the lessons, you'll discover how to use Tailwind and compose utility classes together like lego blocks. You'll also learn to customise the JavaScript configuration file to make your own, tailor-made version of Tailwind.

    We'll touch on topics such as 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.

    You'll also discover how you can extract repetitive utility classes into BEM-like UI components.

    By the end of this course, you should feel very confident starting a new project (or refactoring an existing one!) with Tailwind.

    tailwindTailwind
    cssCSS
    Code

    Code

    Become a Member to view code

    You must be a Member to view code

    Access all courses and lessons, track your progress, gain confidence and expertise.

    Become a Member
    and unlock code for this lesson
    Transcript

    Transcript

    Instructor: 00:00 In this course, you'll learn to build custom user interfaces with Tailwind, a utility for CSS framework. Throughout the lessons, you'll discover how to use Tailwind and compose utility classes together like Lego blocks. You'll also learn to customize the JavaScript configuration file to make your own tailor-made version of Tailwind.

    00:19 We'll touch on topics such as 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.

    00:36 You'll also discover how you can extract repetitive utility classes into BIM-like UI components. By the end of this course, you should feel very confident studying a new project or refactoring an existing one with Tailwind.

    Discuss

    Discuss