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

Responsive Web Design: Creating Flexible Websites That Last skillshare originals badge

Ethan Marcotte, Web Designer

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

    • 2. What is Responsive Design?

    • 3. Step One: Fluid Grids

    • 4. Step Two: Flexible Images

    • 5. Step Three: Media Queries

    • 6. Fine-Tuning Your Design

    • 7. A More Responsive Process

    • 8. Final Thoughts

    • 9. What's Next?

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