YoVDO

Next Generation CSS Design with PostCSS and CSSNext

Offered By: LinkedIn Learning

Tags

HTML & CSS Courses Web Development Courses Animation Courses Responsive Design Courses Media Queries Courses PostCSS Courses

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
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

Related Courses

Advanced Styling with Responsive Design
University of Michigan via Coursera
Benefits of Bootstrap
Coursera Project Network via Coursera
Web Development - CSS3 - Scratch till Advanced Project Based
Udemy
Creating Responsive Web Design
Udemy
Complete JAVASCRIPT with HTML5,CSS3 from zero to Expert-2024
Udemy