Responsive design is becoming an expected standard for web developers. Your website or blog needs to look good and function on all screens and devices all the time, and just choosing a “responsive” WordPress theme isn’t always the best choice. In this session you’ll learn how easy it is to integrate foundation.css into your WordPress theme and how to get added functionality from their jQuery and zepto libraries. We’ll also dive into the css to understand how “responsivity” works.
8. “Day by day, the number of devices,
platforms, and browsers that need to
work with your site grows. Responsive
web design represents a fundamental
shift in how we’ll build websites for the
decade to come.”
- Jeffrey Veen
Jeffrey Veen is the author of "The Art and Science of Web Design"
20. Why we chose Foundation 4
★ Designed for Mobile First!
★ Flexible 12-column grid
★ Mobile visibility elements
★ Mobile navigation - toggle or off-canvas
★ Existing WP theme
★ Powerful jQuery and Zepto libraries
★ Foundation is developed in Sass
26. Responsive Navigation: Optimizing for
Touch Across Devices
Adapting
Common Patterns
Read: Responsive Navigation: Optimizing for Touch Across Devices by Luke Wroblewski
27. Now that we covered the basics,
let’s look at the code ...