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

Skillshare

Responsive Web Design: Creating Flexible Websites That Last

via Skillshare

Overview

We’re all using more devices and screens than ever before. Join web designer Ethan Marcotte for the perfect, practical introduction to demystify Responsive Web Design.

As websites moved off of desktops and onto phones, tablets, and beyond, web designer Ethan Marcotte saw the need for a new approach to how we build and think about websites.

His solution? Responsive Web Design.

Ethan’s concept of responsive design paved a path for designers all over the world to design a single, flexible experience instead of individual builds for every new device.

This 60-minute class is a comprehensive, behind-the-scenes look into Ethan’s intuitive, timeless approach to responsive design.

Key lessons include:

  • Building fluid grids as your website’s foundation
  • Creating flexible images that adapt to your screen
  • Using media queries to push your design further
  • Updating your process to create more responsive design

Plus, download the class files to follow along as Ethan builds a website from beginning to end.

Whether you’re working on a simple splash page or a large, complex project, you’ll walk away with the skills you need to create beautiful, functional websites that transition seamlessly from screen to screen, ensuring your work will be in use for years to come, no matter what device your users pick up next.

Syllabus

  • Introduction
  • What is Responsive Design?
  • Step One: Fluid Grids
  • Step Two: Flexible Images
  • Step Three: Media Queries
  • Fine-Tuning Your Design
  • A More Responsive Process
  • Final Thoughts
  • What's Next?

Taught by

Ethan Marcotte

Reviews

Start your review of Responsive Web Design: Creating Flexible Websites That Last

Never Stop Learning.

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

Someone learning on their laptop while sitting on the floor.