Dynamic Resolution Dependent Layout Using JavaScript

Its a few vowels short of a buzzword, but don’t hold that against it.

There is a strong trend at the moment towards dynamic resolution dependent layout via JavaScript, that is the page rearranges the layout of its content via element-wise x,y positioning or changes to some of it’s fundamental CSS properties in response to changes in the browser window size.

We have used this rather effectively in the V8 Supercars Media Center Application.

Here are some examples (Load the pages and re-size the windows).

Example 1

Example 2

Here are some good posts

Latest post of interest by The Man In Blue.

Keven Hale discusses it here.

PPK had something to say about it.

About James McParlane

CTO Massive Interactive. Ex Computer Whiz Kid - Now Grumpy Old Guru.
This entry was posted in AJAX, Coolhunting, JavaScript, Web2.0. Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s