The All-Expandable Box

Posted on: 12/9/2007   By: Chris Coyier 3 Comments

guestatwebdesignerwall.png

I wrote a guest tutorial over on Web Designer Wall detailing how to create an All-Expandable Box. This is a box that will expand both vertically and horizontally when text is resized in a browser, while maintaining the graphically unique corners of the box.

example-animation.gif

Responses

  1. Lazlow says:
    12/09/2007 at 7:54 am

    I used a technique similar to this (albeit, without the background image) on a recent project [http://lazlow.net/] as I dislike visiting sites, re-sizing the content and watching the text break-out of every container. Nice guest tutorial Chris!

  2. enfopedia says:
    03/15/2008 at 12:15 pm

    This is awesome, I added a font re-size script to my site and I was looking for a tutorial such as yours Chris to make the content more organized when a user re-sizes.

This comment thread is closed. If you have important information to share, you can always contact me.