Overview
Using CSS frameworks gives you access to various styles, but they may be hard to customize and write CSS by hand that create a rich web project. In this course, TailwindCSS 3 Fundamentals, we’ll go over how TailwindCSS creates a middle ground between frameworks and custom CSS. First, you’ll explore how to use TailwindCSS to create rich but small style sheets where you can define a design language. Next, you’ll discover how to integrate TailwindCSS. Finally, you’ll learn how to use TailwindCSS utility classes to prototype and build your projects, and optimize TailwindCSS for reuse and production of CSS files. When you’re finished with this course, you’ll have the skills and knowledge necessary to apply TailwindCSS to your personal and professional web projects.
What You will Learn?
- Installing TailwindCSS to your own projects
- Using utility classes
- Adding TailwindCSS to most SPA project types
- Using states and variants
- Customizing themes
Module 1: Course Overview
Module 2: Introducing TailwindCSS
- Introduction
- Version Check
- The Problem with CSS
- What Is TailwindCSS?
- Getting Started with TailwindCSS
- What We've Learned
Module 3: Using TailwindCSS
- Introduction
- Building Your CSS
- Building with TailwindCSS
- Using Layers
- Adding Reusable Classes
- What We've Learned
Module 4: Tour of TailwindCSS Styles
- Introduction
- Layout
- Units
- Colors
- Other Utility Classes
- Fonts
- States and Variants
- Responsive Design
- Plugins
- What We've Learned
Module 5: TailwindCSS for Forms
- Introduction
- The Form
- Styling Inputs
- Styling Buttons
- Styling Select Elements
- Validation States
- What We've Learned
Module 6: Integrating TailwindCSS
- Introduction
- Adding to PostCSS
- Adding to Angular
- Adding to React
- Adding to Vue
- Adding to SvelteKit
- What We've Learned
Module 7: Customizing TailwindCSS
- Course Type : Pluralsight
- Level : Beginner
- #/Modules: 7
- Duration : 2h 42m
- Topics :
- Updated : 07/21/2022