A session at Frontend Conference Zurich 2014

Wednesday 27th August, 2014

8:30am to 5:00pm (CET)

Is this workshop for you? To find out, try to understand the following sentence: "Once you set the layout viewport dimensions to the ideal viewport dimensions, you can use the device-width media query to read it out, and thereby get an idea what kind of device you're on."

a) If you understand exactly what this sentence says and spot the deliberate error I inserted, this workshop is not for you. I can't teach you anything.
b) If you run away screaming and definitely don't want to know, this workshop is not for you, either. Viewports are complicated
c) If you've got a vague idea this has something to do with responsive design, and you'd like to learn more, especially about that error, this workshop is for you.

In this one-day workshop PPK, who spent more time on the mobile viewport than anyone not working for a browser vendor, will treat the following topics:

How many viewports are there? (Spoiler: three.)
Why do we need so many? (Spoiler: Actually, for pretty good reasons.)
How do meta viewport and media queries work? (Spoiler: pretty well, as long as you keep it simple. But if you don't ... oh boy!)
And resolution? What is DPR anyway? (Spoiler: not what you think it is.)
Why does responsive design work? (Not how. Why.)

Also, you're encouraged to take real-world problems with you. We'll set aside some time to go through these problems, either in full session or one-on-one. You can't beat real-world problems when it comes to explaining complicated topics.

And devices. Please bring devices. The more obscure, the better.

About the speaker

This person is speaking at this event.
Peter-Paul Koch

Mobile platform strategist | consultant | writer | conference organiser and speaker | blogger | trainer | browser compatibility expert

1 attendee

  • ppk

Coverage of this session

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

Sign in to track this session

Tell your friends!


Time 8:30am5:00pm CET

Date Wed 27th August 2014

Short URL


Official event site


View the schedule


See something wrong?

Report an issue with this session