Style sheets, media queries, and viewports

We discussed style sheets, media queries, and viewports briefly in the previous chapters. Let's go into more detail and discuss techniques to use these to our advantage.

Implementing responsive design in a project takes a lot of careful planning. When done correctly, making use of responsive images and fluid grids can yield stunning, fast, and usable websites.

I strongly recommend reading through the W3C spec for media queries at http://www.w3.org/TR/css3-mediaqueries/ to get a better understanding of the topic. They clearly document the features and how to handle errors.

Style sheets are a necessity for great websites. You can't build a professional website and place all of the CSS styling in your HTML page. Well, I guess you could, but that isn't very practical. Creating style sheets adds to the content the server needs to send the client, which means more things to download. One of the tools invented to help us out with this was...