Book Image

Responsive Design High Performance

By : Els
Book Image

Responsive Design High Performance

By: Els

Overview of this book

This book is ideal for developers who have experience in developing websites or possess minor knowledge of how responsive websites work. No experience of high-level website development or performance tweaking is required.
Table of Contents (11 chapters)
7
7. Speeding Up Development with Design Concepts, Patterns, and Programs
10
Index

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...