Skip to main content

A List Apart: Articles: Elastic Design

Popularity Report

Total Popularity Score: 0
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...

Rank

Bookmark History

Saved by 32 people (-7 private), first by anonymouse user on 2006-04-24


Public Comment

on 2008-05-06 by fdevillamil

One of the best article ever on elastic design. A reference.

Public Sticky notes

It can be difficult to move from a static, pixel-based design approach to an elastic, relative method. Properly implemented, however, elastic design can be a viable option that enhances usability and accessibility without mandating design sacrifices.

Highlighted by jonphipps

liquid

Highlighted by portenkirchner

Font-size keywords (xx-small, medium, x-large, etc.) appear to be the answer....Ems work because the miniscule-text problem can be overcome easily by setting the initial font size to a percentage. There is no apparent reason for this to work, but it does. ...This problem is solved by defining the column in proportion to the text....by maintaining the intended resolution of the image itself but clipping it to the desired dimensions. This can be done with a background image replacement.

Highlighted by dcorking

It can be difficult to move from a static, pixel-based design approach to an elastic, relative method. Properly implemented, however, elastic design can be a viable option that enhances usability and accessibility without mandating design sacrifices.

Highlighted by robjohnson

To understand how Elastic Design works, we must first take another look at a subject that would seem to be played out: namely, different methods of text sizing. Once we find a way to make the web safe for resizable text, we can move on to l

Highlighted by adapar

Text is the most obvious candiate for elasticity. The ability to set a text-size preference is a commonly used option that shouldn’t be ignored.

Highlighted by fdevillamil

on 2008-05-06 by fdevillamil

No one should make line width larger than 80 cols. Elastic layout should always take this into account.