Posted on December 21, 2006 - by Khaled
The Switchy McLayout
The Switchy McLayout is an adaptive layout technique that allows the designer to define a layout for wide display, one for medium-sized screens and one for hand held devices and PDAs.
And no this not like liquid design because when you design a liquid template that is optimized for a maximum width of 800 or 1024 px you will have a broken layout with gaps if the site is viewed on wider screens, moreover on the small screened hand held devices and PDAs the text and the graphics will be compressed together, so that’s quite a major issue in my opinion! The switchy Mclayout could be a nice solution to solve such issues it behaves as if your layout were a ‘vector’ graphic that scales up and down without loosing quality. Of course it is not as perfect as that but it is a nice and a very useful technique. As I said it defines a layout for each kind of screens.
After defining a range of layouts, the technique consists on detecting the user’s screen width in order to use the appropriate style for that size thanks to a style-switching technique that depends on the class of the body element. This is done thanks to a some nice unobtrusive JavaScript code…
All in all you will see that with the switchy McLayout technique helps designers take as much advantage as possible of the available screen space. This is really useful due to the unceasingly increasing number of the screen sizes for the devices used to browse the net. This technique can help you with such a big challenge.
Still Hungry for further details? find more here!
4 Comments
We'd love to hear yours!
Leave a Comment
Here's your chance to speak.
Visit My Website
December 25, 2006
Permalink
This doesn’t work for me, I’m not sure why? I’m dumb you know
I’m pretty sure I have done the exact same thing as the example. Thnx anyway
Visit My Website
December 25, 2006
Permalink
Well I am not sure why it is not working for you Steph but did you remove this line
from the javascript file?
Visit My Website
June 30, 2010
Permalink
facebook
All I'm looking for a site on a very large and beautiful on this site are subject to all of you very
thanks
Visit My Website
August 2, 2011
Permalink
Discount Coach Outlet, New Arrival Coach Bags are waiting for you! welcome you to pick and purchase! Here we offer many new styles of Coach Bags at the best price. The Coach Bag looks elegant and graceful. The simple and bold design fits for the girls who have litmusless charming and b characteristic. We also offer you various choices of Coach Sunglasses, these Coach Sunglasses are extremely popular all around the world, once someone buys a pair of Coach Sunglasses from our Coach Store, they usually will not turn to other brands. We promise all our Coach products are on sale in top quality, and all our coach products are highly praised by our dear customers all over the world. Please rest assured to pick whatever you like from our Coach Outlet Online Store!