Next Generation CSS Design with PostCSS and CSSNext
Offered By: LinkedIn Learning
Course Description
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
Taught by
Ray Villalobos
Related Courses
Mobile Web DevelopmentGoogle via Udacity iDESWEB, Introducción al desarrollo web
MirÃadax Information Design
University of California, San Diego via Coursera Advanced Styling with Responsive Design
University of Michigan via Coursera Front-End Web UI Frameworks and Tools
The Hong Kong University of Science and Technology via Coursera