September 21st - Teatro Duse - Bologna - Italy
2012.fromthefront.it

Viewports are pretty easy on desktop: they're the browser window. Thus, an element with width: 10% will span 10% of the browser window, while width: 100px just means a width of 100px.

On mobile, things are quite different. There are two viewports and three kinds of pixels, and they interact in all kinds of weird ways—ways that depend on the browser.

In this technical presentation PPK explains why a pixel is not a pixel, what the difference between the two viewports is, and which bits web developers should care about.

Caution: Heads may explode!

Slides: quirksmode.org/presentations/Autumn2012/viewports_bologna.pdf

Loading more stuff…

Hmm…it looks like things are taking a while to load. Try again?

Loading videos…