Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

Next Generation CSS Design with PostCSS and CSSNext

via LinkedIn Learning

Go to class Write review
Coursera Ad

Gain a Splash of New Skills - Coursera+ Annual Nearly 45% Off

Learn More → GetSmarter Ad

AI Adoption - Drive Business Value and Organizational Impact

Learn More →

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
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
1. Getting Started
  • 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
2. Headers and Footers
  • Working with flexbox layouts
  • Nesting CSS rules
  • Creating property groups
  • Custom media queries
  • Nesting flexbox layouts
  • Using color functions
  • Finishing your footer
3. Featured Content
  • Setting up a mobile layout
  • Making your features responsive
  • Alternating layouts
  • Adding animation
  • Hacking SVGs
  • Adding videos
  • Triggering animations
Conclusion
  • Next steps

Taught by

Ray Villalobos

Reviews

2.8 rating at LinkedIn Learning based on 5 ratings

Start your review of Next Generation CSS Design with PostCSS and CSSNext

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.