Tailwind Courses (5)

Tailwind CSS, Flexbox, and CSS Grid have made it easier than ever for you to implement responsive designs. But what about when it comes to creating components that respond to user interactions? There are so many things to consider: What should happen when a user hovers over an element? How should other components react? How can you make sure that your animations are smooth and fluid? How can you ensure text remains readable when it's overlaid on top of an image? Animation and interactivity are key to creating engaging user experiences, but they can be intimidating. Fortunately, the same tools that make it easy to create responsive designs also make it easy to create engaging interactions.

12 Lessons

In this course, we're going to define semantic color tokens in Tailwind CSS, to adhere to a convention set in a Figma design File.

18 Lessons

Tailwind CSS has become one of the most popular ways to style modern web applications, and for good reason. Its APIs make developers feel incredibly productive, and because it's just a set of well-thought-out CSS classes, you can use it entirely from within your frontend components or HTML templates without having to learn any new tooling – or even without opening up a separate file. In this course you'll learn Tailwind CSS from scratch by building a Discord clone that matches the original interface's spacing, colors, and typography down to the pixel. By the time you finish, you'll know how to build a multi-panel Flexbox layout, pull off advanced hover treatments, work with CSS transitions and transforms, change the interface at responsive breakpoints, customize Tailwind's design tokens, and integrate Tailwind with component-based frameworks like React and Vue.

2h 29min

The ultimate hands-on journey with Tailwind CSS! Learn the essentials of Tailwind and then flex your new skills with five real-world projects.

2.2 hr

Discover intermediate and advanced styling techniques using Tailwind CSS and craft a fully responsive, professional product card for a web store.

75 min