Can Media Queries Save Us All?

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?