Implementing Responsive Design: Building sites for an anywhere, everywhere web

Description

New devices and platforms emerge daily. Browsers iterate at a remarkable pace. Faced with this volatile landscape we can either struggle for control or we can embrace the inherent flexibility of the web.

Responsive design is not just another technique–it is the beginning of the maturation of a medium and a fundamental shift in the way we think about the web.

Implementing Responsive Design is a practical examination of how this fundamental shift affects the way we design and build our sites. Readers will learn how to:

• Build responsive sites using a combination of fluid layouts, media queries, and fluid media

• Adopt a responsive workflow from the very start of a project

• Enhance content for different devices

• Use feature-detection and server-side enhancement to provide a richer experience

Sample Content

Sample Pages

Download Chapter 4: Responsive Media

Table of Contents

Chapter 1: The Anywhere, Everywhere Web
Chapter 2: Fluid Layouts
Chapter 3: Media Queries
Chapter 4: Responsive Media
Chapter 5: Planning
Chapter 6: Design Workflow
Chapter 7: Responsive Content
Chapter 8: RESS
Chapter 9: Responsive Experiences
Chapter 10: Looking Forward

Updates

Errata

ERRATA

If you catch any typos, please email errata@peachpit.com. If you find
something wrong with the content or code, please email tim@timkadlec.com.
Here is a list of the current errata for Implementing Responsive Design:

Page 35 The last paragraph prior to the code example states:
As a result, we need to set the span to have a font-size of .666666667em
(16/24).

However the code itself usings 12px, not 16px. That line should actually
read:

As a result, we need to set the span to have a font-size of .5em (12/24).

Page 43 The first snippet of code on the page targets .main. Instead, it
should be targeting .slats li.

Submit Errata