Tailwind CSS 3 Essential Training
Created By
Ray Villalobos via LinkedIn Learning
- 0
- 2-3 hours worth of material
- LinkedIn Learning
- English
Course Overview
Learn to simplify the design side of your web app creation by applying this programmer-friendly style framework.
Course Circullum
Introduction
- Why utility-first frameworks matter
- Using the exercises for this course
- Working with Tailwind CSS
- Creating a custom build
- Tailwind Play
- Examples with CodePen
- CodeSwing playground
- Preflight
- Utility class structure
- Tailwind pitfalls
- Color classes
- Shortcut classes
- Special classes
- Responsive design
- Custom properties
- Challenge: Create a layout
- Solution: Create a layout
- State modifiers
- Position modifiers
- Child and sibling elements
- Form modifiers
- Attribute modifiers
- Pseudo-elements
- Media modifiers
- Dark mode
- Challenge: Dark mode and grouping
- Solution: Dark mode and grouping
- Exploring the config
- Configuring themes
- Existing scales
- Plugins
- Typography
- Line clamp
- Next steps
Item Reviews - 3
Submit Reviews
This Course Include:
Introduction
- Why utility-first frameworks matter
- Using the exercises for this course
- Working with Tailwind CSS
- Creating a custom build
- Tailwind Play
- Examples with CodePen
- CodeSwing playground
- Preflight
- Utility class structure
- Tailwind pitfalls
- Color classes
- Shortcut classes
- Special classes
- Responsive design
- Custom properties
- Challenge: Create a layout
- Solution: Create a layout
- State modifiers
- Position modifiers
- Child and sibling elements
- Form modifiers
- Attribute modifiers
- Pseudo-elements
- Media modifiers
- Dark mode
- Challenge: Dark mode and grouping
- Solution: Dark mode and grouping
- Exploring the config
- Configuring themes
- Existing scales
- Plugins
- Typography
- Line clamp
- Next steps
- Provider:LinkedIn Learning
- Certificate:Certificate Available
- Language:English
- Duration:2-3 hours worth of material
- Language CC: