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.

Share this post
  • Twitter
  • Facebook
  • LinkedIn
  • Posterous
  • Reddit

Browse by tags:

Tags: , , ,

Subscribe to this site for regular updates

9 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[...]

  8. 8

    [...] 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

Spam Protection by WP-SpamFree