Responsive Design

TwitterFacebook
Get flash to fully experience Pearltrees
Through fluid grids and media query adjustments, responsive design enables Web page layouts to adapt to a variety of screen sizes. As more designers embrace this technique, we're not only seeing a lot of innovation but the emergence of clear patterns as well. I cataloged what seem to be the most popular of these patterns for adaptable multi-device layouts. To get a sense of emerging responsive design layout patterns, I combed through all the examples curated on the Media Queries gallery site several times. I looked for what high-level patterns showed up most frequently and tried to avoid defining separate patterns where there were only small differences.

Multi-Device Layout Patterns

http://www.lukew.com/ff/entry.asp?1514
http://alistapart.com/d/fluidgrids/examples/grid/final.html

Fluid Grids

I mean it: I’ve got your Neue Haas Grotesk right here, buddy.

Fluid Images — Unstoppable Robot Ninja

(Hello! If you think this article’s interesting, you might check out my ALA article on responsive web design .) I’ve always hated publishing. I don’t mean the industry, but the act . http://unstoppablerobotninja.com/entry/fluid-images