There’s a lot of material out there to help designers and developers make their themes mobile-friendly, but it can be difficult to find all the best sources and be sure that you have all your bases covered. I discovered this recently while making a new theme for my own site, and decided to make a WordPress-specific checklist of all the code I would need to make sure that my theme would work reliably and consistently on tablets and smartphones.

My presentation will take the audience step-by-step through the necessary HTML, CSS, and Javascript, covering what the code does and where it should go in a theme. Time permitting, I’ll discuss the more challenging aspects of mobile design in more detail, such as the difference between virtual and device pixels, how the behavior of view-ports affect page layout, and the different ways of detecting a device’s screen size.