Tuesday, December 19, 2006

A great idea to handle a wide variety of screen sizes for your webpages, Switchy McLayout.

This little trick uses a variety of different stylesheets, each optimized for a particular page size, for example, 240px for a handheld device, 1024px for most web users, and 1600px for users with really big screens.

Then, a little bit of Javascript is used to get the screensize with "onresize", and the relevant CSS styles are used.

Pretty neat and tricky, but whoa, that would be a lot of work to generate those three different layouts.