17 Jun 2008 6 am eastern

ALA 261: CSS layout redux; in praise of prototyping

In Issue No. 261 of A List Apart, for people who make websites:

Faux Absolute Positioning

by Eric Sol

CSS layout is awesome, except when your layout calls for a header, a footer, and columns in between. Use float, and content changes can cause columns to wrap. Use absolute positioning, and your footer can crash into your columns. Add the complexity of drag-and-drop layouts, and a new technique is needed. Enter “faux absolute positioning.” Align every item to a predefined position on the grid (as with absolute positioning), but objects will still affect the normal flow (as with float).

Sketching in Code: the Magic of Prototyping

by David Verba

The rise of Ajax and rich internet applications has thrown the limitations of traditional wireframing into painful relief. When you leave the world of page-based interactions, how do you document all but the simplest interactions? Flowcharts and diagrams don’t work. Prototyping saves the day by focusing on the application and conveying its “magic.” Prototypes can help you sell a decision that is fundamentally or radically different from the client’s current solution or application. Sit a stakeholder down in front of a working prototype and show him or her why your approach is compelling.

Tags: , , , , , , , ,

  • Twitter
  • Facebook
  • del.icio.us
  • Digg
  • Google Bookmarks
  • NewsVine
  • RSS

Filed under: A List Apart, Ajax, CSS, Design, Information architecture, Layout, Publications, Publishing

No Responses to “ALA 261: CSS layout redux; in praise of prototyping”

  1. Waveflux by Philip Barron said on

    links from TechnoratiAl-Musawi Denies Mahdi Army Disbanded; Demands National Referendum on SOFA TPM Election Central: Poll: Al Franken Way Behind In Minnesota Senate Race Jack and Jill Politics: John McCain: What is this ‘Iraq war’ charge on my bill? Jeffrey Zeldman:ALA 261: CSS layout redux; in praise of prototypingAlternate Brain: Winning … All Things Digital: Verizon, AT&T: UBS Downgrades On Weak Economy [Voices] Liberal Oasis: Responsibility. For All. Making Light: The Red Cross is strapped for funds

Speak up!

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

- Why ask? This confirms you are a human user!