Can Media Queries Save Us All?

A session at WebVisions 2011

Friday 27th May, 2011

3:00pm to 3:30pm (PST)

Media queries are all the rage—and for good reason. They allow us to create adaptive layouts by letting us control what styles are served to different devices and screen resolutions. But with great power comes great responsibility. Media queries are not a golden ticket. When used inappropriately and in the wrong situations, they can do more damage than good.

In this session, we'll take a look at how we can effectively harness the power of media queries and responsive design to create sites that are adaptive and optimized regardless of device, platform and screen size. In doing so, we'll discuss both their strengths and weaknesses, and look at some ways we can make them more bulletproof.

Specifically, we'll discuss:

  • When is it appropriate to use media queries?
  • How do we know what devices and resolutions to optimize for?
  • How can we use Javascript to make a more bulletproof solution?
  • How can we make our images scale appropriately for different resolutions without sacrificing performance?

About the speaker

This person is speaking at this event.
Tim Kadlec

A web developer living in Wisconsin. Author of Implementing Responsive Design (http://implementingresponsivedesign.com).

Coverage of this session

Sign in to add slides, notes or videos to this session

Tell your friends!


Time 3:00pm3:30pm PST

Date Fri 27th May 2011

Short URL


Official event site


View the schedule



Books by speaker

  • Implementing Responsive Design
  • Web Performance Daybook Volume 2

See something wrong?

Report an issue with this session