Elastic layouts

Prompted by a comment from Mike Cherim of Accessites in answer to my post on Zoom Layouts, this post is to list Elastic Layouts.

Elastic layouts are those where the whole layout scales proportionally as the user resizes the text in their browser. They are slightly different from fluid layouts which also display a similar degree of flexibililty: fluid layouts tend to occupy the whole of the window with elements resizing proportionally within the frame, whereas elastic designs tend to occupy a space smaller than what is available and the whole thing ‘zooms’ up.

As such, I felt the links Mike provided on the Zoom Layouts post actually were more appropriate here. So here they are. As before, feel free to suggest any others you might know of.

Browse by tags:

Tags: , , ,

Share this article:
  • TwitThis
  • del.icio.us
  • Digg
  • StumbleUpon
  • Facebook
  • Reddit
  • Sphinn

Subscribe to this site for regular updates

7 responses to Elastic layouts. Add your own.

Comments

  1. 1

    Although his blog isn’t active, Tommy Olsson’s Autistic Cuckoo was the first elastic site I ever saw. It blew me away.

Pingbacks

  1. 1

    links from Technorati一行あたりの文字数を制限する elastic layout (エラステックレイアウト) - 2xup.org TRANS - 2xupで実装されているエラステックレイアウトを調べてみた。 また、Elastic layouts ― Tyssen Design では、elastic レイアウトを採用しているサイトがいくつか紹介されているんで見てみると良いかもしれない。ちなみに、そのサイトも elastic レイアウト。

  2. 2

    links from Technoratifirefox JavaScript opera [IMG ]詳細 8 users 追加日 2007年03月13日 [3][JAVASCRIPT]クライアントマシンにインストールされているフォントを取得、幅/高さで判定 Elastic layouts — Tyssen Design ドメイン http://www.tyssendesign.com.au [IMG ]カテゴリ 一般 [IMG ]詳細 2 users 追加日 2007年03月13日 [5][DESIGN][HTML][CSS]エラスティック/リキッド、レイアウト、まとめ、サンプル

  3. 3

    links from Technorati日本語以外のサイトHTTP Error 400Permalink | コメント(0) | トラックバック(0) | 20:50

  4. 4

    […] Elastic layouts — Tyssen Design A good roundup of some examples of em based layouts (tags: css elastic em layout) […]

  5. 5
  6. 6

    […] Elastic layouts — Tyssen Design […]

  7. 7

    […]Elastic layouts - Tyssen Design[…]

Feed for this post's comments


Required indicates required field.
Email will not be published

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

Leave a Reply

Contact details
This site is Retaggr enabled