web design: fixed-layout vs flowed-layout

Perm url with updates: http://xahlee.org/js/fixed-layout_flowed-layout.html

Fixed-Layout vs Flowed-Layout

Xah Recommends:
Amazon Kindle. Read books under the sun. Review

Xah Lee, 2010-10-08

Many sites, when you increase the font size, part of the text went off window. It forces you to enlarge the window. Fucking idiot design. If you gonna do that, goto stupid PDF or TeX fuck.

Here's a example: 〈Compare JavaScript frameworks〉 (2010-02-02) By Joe Lennon. At: ibm.com

It's a nice article however.

The biggest transgressor of this, is apple.com. However, Apple.com is quite well designed, and i never had to enlarge font.

In web design or document design, there's flowed layout vs fixed-layout design. Both have advantages. Fixed-layout is especially important for print media, such as newspaper, magazine, books. These, you need efficient use of space, and no white gaps between columns or any large white gap. That usually requires you to have tight control down to pixels of every element. But as digital documents, fixed-layout is not suitable because you need your document to be displayed on screens of various size, from palm sized devices to huge cinema screens. And with screens, you have the concept of scroll instead of fixed pages. There isn't a worry of white gaps as in printed media, in fact gaps make the doc's structure more clear, and you have links, buttons, etc that can do pop-ups, frames, tabs, and windows can be positioned side by side or resized, moved, which gives user much better control in reading the document. So, flowed makes much more sense.

Was this page useful? If so, please do donate $3, thank you donors!