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

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

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

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

12 Designs That Inspire Me To Do Better

I come across a lot of different designs as I wander my way through the web. When a design inspires me in some way I take a moment or two longer than usual to enjoy it and then record the URL somewhere so I can go back again. I thought I’d share a few of these sites with some thoughts about why I like them.
Continue reading