Overview
-
Learn how to work with PostCSS and CSSNext. Discover how to create a single-page site that uses cutting-edge CSS features while maintaining compatibility with older browsers.
Syllabus
-
Introduction
- Welcome
- What you should know
- Using the exercises for this course
- What you'll build
- How PostCSS and CSSNext work
- Organizing your CSS into partials
- Creating variables
- Using custom selectors
- Advanced pseudo-classes
- Variables with reduced calculations
- Working with flexbox layouts
- Nesting CSS rules
- Creating property groups
- Custom media queries
- Nesting flexbox layouts
- Using color functions
- Finishing your footer
- Setting up a mobile layout
- Making your features responsive
- Alternating layouts
- Adding animation
- Hacking SVGs
- Adding videos
- Triggering animations
- Next steps
