Responsive Web Design: Creating Flexible Websites That Last | Ethan Marcotte | Skillshare

Responsive Web Design: Creating Flexible Websites That Last

Ethan Marcotte, Web Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
9 Videos (1h 11m)
    • Introduction

      1:52
    • What is Responsive Design?

      8:25
    • Step One: Fluid Grids

      15:10
    • Step Two: Flexible Images

      11:09
    • Step Three: Media Queries

      14:25
    • Fine-Tuning Your Design

      8:12
    • A More Responsive Process

      10:30
    • Final Thoughts

      0:41
    • What's Next?

      0:35
34 students are watching this class

About This Class

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.

458

Students

--

Projects

  • --
  • Beginner
  • Intermediate
  • Advanced
  • All Levels
  • Beg/Int
  • Int/Adv

Level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Ethan Marcotte

Web Designer

I’m a web designer, and the fellow who started that whole “responsive design” thing. 

I help companies make beautiful things that work everywhere. My practice focuses on responsive, device-agnostic interfaces; on designing for both performance and accessibility; and on creating digital design systems. I’ve done this for clients like Google, People Magazine, The Sundance Film Festival, The Boston Globe, and more.

Basically, I enjoy...

See full profile

Report class