|
| |
Clever liquid layouts with a dash of unobtrusive JavaScript
View related threads:
(in this forum
| in all forums)
|
Logged in as: Guest
|
|
|
womble
Posts: 5461
Joined: 3/14/2005
From: Living on the edge
Status: offline
 |
Clever liquid layouts with a dash of unobtrusive JavaSc... - 12/22/2006 17:28:56
http://www.alistapart.com/articles/switchymclayout
quote:
Switchy McLayout lets you define the dimensions, information richness, and appearance of your content objects for set ranges of screen sizes. A news site, for example, could have one layout and appearance for wide screens, one for medium-sized screens, and another for PDAs. Images could shrink or even disappear according to the screen size, columns could come and go as needed to maintain readability, and you can achieve a more efficient use of the available space for each screen size.
Looks interesting, though you need to 'view source' of the demo page and then view the JS using the FF web dev toolbar to get at the JS code.
_____________________________
~~ "A cruel god ain't no god at all" ~~
|
|
|
|
Tailslide
Posts: 5915
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: Clever liquid layouts with a dash of unobtrusive Ja... - 12/22/2006 17:33:31
Problem is that you get a nasty flicker in IE if you resize the viewport.
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
Tailslide
Posts: 5915
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: Clever liquid layouts with a dash of unobtrusive Ja... - 12/23/2006 3:37:59
There was another similar one a while back - think it was from the Man in Blue but it had the same issues.
It's a difficult one - fluid layouts don't work well with very wide screens and images can't be scaled up easily if you're using an elastic layout so it looks slightly odd with the original sized images.
There's no perfect solution at the moment. There was another script that scaled up the font size according to the screen width which might (or might not, can't remember) scale up divs etc presuming they're sized using ems. I think there was still flicker though. You pays your money and takes your choice!
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
Eeeep! That is indeed nasty!
