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

Mobile Web Development
Google 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