Sep 8, 2016 · 1:15 PM
This location is shown only to members
Last month we examined some beautiful websites, and everybody agreed that if any design didn't look good for a variety of window sizes, it needed work.
How can a website detect the viewport's dimensions, and then deliver a more optimal experience for the user?
In this session we'll explore how themes are made responsive, and uncover the mechanism in Cascading Style Sheets that makes it possible to rearrange page elements in response to different devices.
You may wonder if this is information that you'll have any practical use for if you have no plans to build your own theme, but there is something to be said for understanding what's happening below the surface.
Let us start with a simple design, and then modify its style sheet so that the layout changes when the window size changes.