O'Reilly logo

Responsive Web Design with jQuery by Gilberto Crespo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Summary

In this chapter, we have learned three different ways to render the specific CSS code using JavaScript solutions: Adapt.js, Respond.js, and Breakpoints.js. We now also understand how to convert pixels to percentages by doing the math and discovering the result. We have also learned what the responsive grid system is and how to use each type of the responsive grid system.

Finally, we have started to code our site using grid (based on the wireframe from Chapter 1, Exploring Responsive Web Design), which connects to the next chapter, in which we will cover the different ways to implement responsive menu navigations such as the Toggle menu, the off-canvas menu (such as Facebook), and others.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required