A LIST Apart: For People Who Make Websites

No. 279

March 03, 2009

Liquefy! Set your grid-based layouts free! And study the elements of social architecture to create better web apps.

Fluid Grids

How awesome would it be if you could combine the aesthetic rigor and clarity of fixed-width, grid-based layouts with the device- and screen size independence and user-focused flexibility of fluid layouts? Completely awesome, that’s how awesome. And with a little cunning and a tad of easy math, ALA’s Ethan Marcotte gets it done. We smell a trend in the offing.

The Elements of Social Architecture

While our designs can never control people, they can encourage good behavior and discourage bad. In this excerpt from Information Architecture: Blueprints for the Web 2nd Edition, Christina Wodtke tells us how to make products that delight people and change their lives by remembering the social in social architecture.

A List Apart explores the design, development, and meaning of web content, with a special focus on web standards and best practices. Explore our articles or find out more about us.

Editor’s Choice

originally ran: September 25, 2007

If I Told You You Had a Beautiful Figure...

Laying out images consistently within a design is difficult, especially when you hand the keys over to someone else to fill in the content. ALA technical editor Aaron Gustafson demonstrates how a little clever JavaScript goes a long way toward resolving inconsistencies in image layout.