Jason Grigsby on “ When Responsive Design Meets the Real World” (June 13th, NYC)

Jason Grigsby on “ When Responsive Design Meets the Real World” (June 13th, NYC)

Dispel your fears of media queries, image optimization, and multi-device testing. See how fast and freeing mobile-first, responsive web design can be right now.


With Jason’s help, you’ll work independently to convert a fixed-width desktop design to a responsive layout. You’ll then update it with a viewport metatag, learn to find natural breakpoints, and test its performance. He’ll also help you reorder CSS, modify it to scope images properly, do more testing, and convert media queries to ems.

In just one day, Jason will teach you how to:

Morning Session

  • Designing mobile-first responsive web designs
  • Correctly apply media queries and make an existing design responsive
  • What happens when you leave out the viewport metatag
  • The differences between minor and major breakpoints
  • Testing and optimizing performance
  • Why most responsive sites load slowly and with errors
  • Tests for optimizing performance—from inputs and retina display to images
  • The five steps to designing for peak performance and intuitive UX

Afternoon Session

  • Detecting devices the right way
  • Why device detection affects your responsive design strategy
  • Common pitfalls to avoid when designing for specific devices (and responsively)
  • Techniques for using device-detection well
  • Handling common responsive design challenges
  • The benefits of ems-based media queries instead of pixels
  • How to use common patterns when dealing with complex navigation
  • When to test in the device lab and make future-friendly designs

This workshop is not all talk as you'll work with practical, everyday examples of responsive web designs and see them working across a range of devices from mobile phones to desktops and everything in between. You'll walk away with a full set of resources and example files too.

This workshop is for professional web designers and developers and assumes that you're already familiar with HTML5 and a little CSS.

What Prerequisite Skills Do You Need?

Basic understanding of CSS and JavaScript.

What Hardware/Software Do You Need?

Please bring your own laptop (Mac or Win) with your favorite text editor.

Workshop Schedule

  • 8:30—Doors open, Registration
  • 9:00—Introduction & Kick-off
  • 11:00—Coffee Break
  • 12:30—Lunch
  • 13:30—Afternoon Session
  • 15:00—Coffee Break
  • 17:00—The End, Networking


Microsoft Technology Center
11 Times Square, 7th Floor
(Between 41st & 42nd Streets on 8th Ave.)
New York, NY, 10036

↑ Back to top