From the course: CSS and JavaScript Library Integration
Unlock the full course today
Join today to access over 24,000 courses taught by industry experts.
Tailwind CSS overview - JavaScript Tutorial
From the course: CSS and JavaScript Library Integration
Tailwind CSS overview
- [Instructor] Let's start with an overview of Tailwind CSS. Then go to how to implement it with different JavaScript framework. Tailwind CSS is a utility-first CSS framework. It makes it easier and faster for users to design and launch their website and applications. You can build a completely custom component without leaving your HTML or writing a single line of custom CSS. You'll use utility classes to change the layout, colors, spacing, font, shadows, and more rather than offering predefined components. Tailwind CSS focuses on providing a comprehensive collection of utility classes. Tailwind CSS includes responsive utility classes that allows you to apply different ties at different break points. You can easily create responsive layout and adjust element styles based on screen sizes. The classes are easy to use and quick to remember, such as Flex, pt-4 for padding top, text-lg for large texts. The documentation…
Contents
-
-
-
(Locked)
Tailwind CSS overview2m 41s
-
(Locked)
Integrating Tailwind with React.js4m 3s
-
(Locked)
Implementing a basic UI with Tailwind and React5m 48s
-
(Locked)
Integrating Tailwind with Vue.js5m 3s
-
(Locked)
Implementing a basic UI with Tailwind and Vue.js11m 27s
-
(Locked)
Integrating Tailwind with AngularJS4m 29s
-
(Locked)
Implementing a basic UI with Tailwind and AngularJS14m 51s
-
(Locked)
-
-
-
-