Summary

In this chapter, we saw a brief introduction to Responsive Design, Media Queries, and Viewport settings. You learned about relative units and the mobile first design approach for responsive applications.

Later, we introduced Bootstrap and implemented a simple grid system ourselves. This helped us to understand how the responsive fluid grid in Bootstrap works. We saw built-in responsive utilities as well as Media Queries in LESS.

In the last section of this book, we discussed the difference between Pixel and Vector Graphics by comparing the advantages of Canvas, WebGL, and SVG for Responsive Design. We realized that SVG suits very well to implementing responsive visualizations. In the end, we saw a brief introduction to D3.js.

In the next chapter, we will get started with D3.js and implement a simple graphic using data joins, dynamic properties, and simple transformations.

Tip

Downloading the example code

You can download the example code files for this book from your account at http://www.packtpub.com. If you purchased this book elsewhere, you can visit http://www.packtpub.com/support and register to have the files e-mailed directly to you.

You can download the code files by following these steps:

Log in or register to our website using your e-mail address and password.

Hover the mouse pointer on the SUPPORT tab at the top.

Click on Code Downloads & Errata.

Enter the name of the book in the Search box.

Select the book for which you're looking to download the code files.

Choose from the drop-down menu where you purchased this book from.

Click on Code Download.

Once the file is downloaded, please make sure that you unzip or extract the folder using the latest version of:

WinRAR / 7-Zip for Windows

Zipeg / iZip / UnRarX for Mac

7-Zip / PeaZip for Linux