Tailwind CSS Essential Training

Focused View

Ray Villalobos

3:32:28

163 View

01 - Introduction

01 - The Tailwind utility-first approach.mp4

00:45

02 - Using the exercises for this course.mp4

03:34

02 - Getting Started

01 - Installing Tailwind CSS.mp4

06:28

02 - Working with a build tool.mp4

05:35

03 - Custom builds.mp4

03:37

04 - Adding styles.mp4

09:41

03 - Typography

01 - Font directives.mp4

11:27

02 - Text directives.mp4

07:59

03 - List styles.mp4

02:15

04 - Spacing typography.mp4

02:43

04 - Object Properties

01 - Borders.mp4

05:49

02 - Rings.mp4

03:14

03 - Divide.mp4

03:39

04 - Backgrounds.mp4

10:29

05 - Box shadow.mp4

01:00

05 - Object Metrics

01 - Width and height.mp4

12:23

02 - Padding and margin.mp4

06:34

03 - Display and position.mp4

13:22

04 - Object floating and containment.mp4

06:17

05 - Other properties.mp4

07:58

06 - Layout

01 - Flexbox.mp4

06:56

02 - Grids.mp4

12:41

03 - Box alignment.mp4

08:15

07 - Animation

01 - Transformations.mp4

05:02

02 - Transitions.mp4

04:36

03 - Animate.mp4

00:58

04 - Filter utilities.mp4

04:53

05 - Blending mode utilities.mp4

08:18

08 - Other Options

01 - Forms.mp4

01:21

02 - Tables.mp4

02:24

03 - SVG.mp4

02:35

04 - Screen readers.mp4

01:37

05 - Interactive.mp4

03:06

09 - Just-in-Time Mode

01 - Working with JIT.mp4

07:08

02 - Additional variants.mp4

07:06

03 - JIT improvements.mp4

09:49

10 - Conclusion

01 - Next steps.mp4

00:54

Description

While the ways in which we work on the web evolve over time, every now and then, a true game changer comes along. The Tailwind CSS utility-first approach throws out many of the traditional CSS approaches to building projects, allowing you to create a complete and unique website without writing a single line of CSS. In this course, LinkedIn senior staff instructor Ray Villalobos shows how Tailwind CSS offers a lightweight but sophisticated approach to styling content in your sites and apps through labeling with appropriate class names. Ray illustrates how you can manage everything from fonts, colors, borders, and the whole layout of your pages by adding Tailwind and specifying its use on the HTML elements in your pages, all without having to touch a style document. Plus, he introduces you to just-in-time (JIT) mode and its advantages, variants, and improvements.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

tailwind css

Ray Villalobos

Instructor's Courses

I published more than 100 courses focused on front-end development topics like JavaScript, Node.js, Vue.js, React, and Sass, plus frameworks like Bootstrap. My goal is to help people understand complex subject through real-world exercises and projects. Look for me @planetoftheweb or through my blog at http://raybo.org.

Linkedin Learning

View courses Linkedin Learning

LinkedIn Learning is an American online learning provider. It provides video courses taught by industry experts in software, creative, and business skills. It is a subsidiary of LinkedIn. All the courses on LinkedIn fall into four categories: Business, Creative, Technology and Certifications. It was founded in 1995 by Lynda Weinman as Lynda.com before being acquired by LinkedIn in 2015. Microsoft acquired LinkedIn in December 2016.