Save for later

Building a Responsive Single-Page Design with PostCSS

Learn how to create responsive single-page websites with PostCSS, the CSS post-processor engine that extends the power of CSS through JavaScript. These step-by-step instructions take existing HTML markup and add style, animation, and responsive navigation. This combination allows for dynamic one-page sites—a popular design that's now even faster and easier to create with PostCSS. Along the way, Ray Villalobos introduces some handy plugins, tips for integrating PostCSS into a Gulp-based workflow, and techniques for making layouts more responsive with Flexbox.

Contents:

  • Introduction
  • 1. Getting Started
  • 2. Creating Base Styles
  • 3. Styling Modules
  • 4. Creating Sections
  • 5. Animating with PostCSS
  • Goodbye
Get Details and Enroll Now

OpenCourser is an affiliate partner of LinkedIn Learning and may earn a commission when you buy through our links.

Get a Reminder

Send to:
Rating Not enough ratings
Length 2h 30m
Starts On Demand (Start anytime)
Cost $29/month (Access to entire library- free trial available)
From LinkedIn Learning
Instructor Ray Villalobos
Download Videos Only via the LinkedIn Learning mobile app
Language English
Tags HTML Responsive Web Design Cascading Style Sheets (CSS) Web Standards

Get a Reminder

Send to:

Similar Courses

Careers

An overview of related careers and their average salaries in the US. Bars indicate income percentile.

Team Responsive Web Designer Lead $99k

Responsive Web Designer Consultant $101k

Responsive Web Designer Lead $122k

Write a review

Your opinion matters. Tell us what you think.

Rating Not enough ratings
Length 2h 30m
Starts On Demand (Start anytime)
Cost $29/month (Access to entire library- free trial available)
From LinkedIn Learning
Instructor Ray Villalobos
Download Videos Only via the LinkedIn Learning mobile app
Language English
Tags HTML Responsive Web Design Cascading Style Sheets (CSS) Web Standards

Similar Courses

Sorted by relevance

Like this course?

Here's what to do next:

  • Save this course for later
  • Get more details from the course provider
  • Enroll in this course
Enroll Now