Nope not talking yoga here. Been thinking about why webpages in particular aren’t flexible or intelligent enough to change layout depending on how the user configures their browser.
For example say I view a site on an iPhone in vertical mode, horizontal navigation might be better than vertical (in a column) but what if I switch to landscape mode and thus have a widescreen viewport wouldn’t a vertical column containing my navigation be better? (unless theres so much that it would be chopped off then it needs to be the other way round).
Which would be better…
heres a normal site viewed on a 4:3 ratio monitor, or the browser has been sized to 4:3
the layout has been designed for this kind of ratio and the proportions are fine.
Here’s how the layout looks when the user changes the ratio
as you can see it is now out of proportion
ideally a better layout could look like this
Anyway I thought I’d have a play to see what inherant problems there might be with a layout that changes on the fly when you change your viewport
Here’s the tests: projects/specificPositioning
I welcome any suggestions/issues with this approach – leave a comment on this post
UPDATE : found some weirdy stuff going and the viewport wasn’t right so now theres a new version, and it working on an iPhone
uses jQuery and the jQuery dimensions plugin
