illustration for Introduction to Tailwind and the Utility First Workflow
pro

Introduction to Tailwind and the Utility First Workflow

Instructor

Adam Wathan
1h 15m closed-captioning
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
4.8
468
people completed
Published 3 years ago
|
Updated a year ago

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.

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

  • Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Really informative, useful course which helps me a lot on grasping the workflow with Tailwind. Highly recommend to learn this course to understand how to use Tailwind effectively.

    Learner
    3 days ago
  • Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    This is a really great course, I highly recommend it to anyone first getting into tailwind. I'm using tailwind with gatsby and this helped me get up and running super quick!

    Syed Haris Ali
    2 weeks ago
  • Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Straight to the point, well put together and informative.

    Chris Lamb
    3 weeks ago
  • Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    From the creator themselves, excellent guide to the basics.

    Donnie Hicks
    2 months ago
  • Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Good introduction to the concepts and features of Tailwind. Ready for an updated version to go with Tailwind 2's release.

    Joshua Mays
    5 months ago
  • Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    very good course for a beginner to get an in depth understanding of tailwind CSS

    Sai_Singh_Parihar
    5 months ago

Course Content

1h 15m • 8 lessons

    You might also like these resources:

    illustration for CSS Fundamentals
    Tyler Clark・33m・Course

    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

    illustration for Build Complex Layouts with CSS Grid Layout
    Rory Smith・42m・Course

    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.

    illustration for Flexbox Fundamentals
    Garth Braithwaite・18m・Course

    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!