Why Responsive Design?

Responsive design has grown from an idea and a buzzword to a new approach to designing websites. As it’s gained attention, challenges in building responsive sites have emerged, solutions to some of those problems have been proposed, and patterns for how designs adapt have been observed.
Continue reading

5 Patterns To Rearrange Responsive Layouts

The most obvious way a responsive design changes is in its layout. Multiple columns become a single column. A sidebar drops below the main content. One block of design elements becomes integrated with another.
Continue reading

7 Responsive Navigation Patterns

Once you get comfortable developing flexible layouts and moving around the big boxes of a responsive design, your attention will turn inwards toward the smaller boxes inside the big picture containers. First among those will likely be navigational systems.
Continue reading

Modular And Flexible Content In Responsive Design

One of the questions that comes up with responsive design is what to do with the content? Does the same content get included everywhere or does it change based on device? It’s the first and most important question we should be asking with any design, responsive being no exception.
Continue reading

How To Maintain Readable Type In Responsive Design

Setting type involves choices that create proportional relationships in your text. Done well and your text will be both easy and desirable to read. As responsive layouts adapt to varying screen widths, one of these choices (line-length) changes. To maintain the same proportional relationships other aspects of the type need to adjust.
Continue reading