Notice: Undefined index: host in /home/web/site/vtiger.com/vtigerweb/blog/wp-includes/canonical.php on line 719

Notice: Undefined index: scheme in /home/web/site/vtiger.com/vtigerweb/blog/wp-includes/canonical.php on line 740

Notice: Undefined index: host in /home/web/site/vtiger.com/vtigerweb/blog/wp-includes/canonical.php on line 719

Notice: Undefined index: scheme in /home/web/site/vtiger.com/vtigerweb/blog/wp-includes/canonical.php on line 740
Switchy McLayout - The new UI layout technique - Vtiger CRM Blog - Latest CRM Topics, Tips, Insights and Updates
Explore exclusive holiday offers and join our free webinar on Dec 14th to learn about maximizing the benefits of these exciting deals - Learn More
Skip to content
Home » Switchy McLayout – The new UI layout technique

Switchy McLayout – The new UI layout technique

Last Updated: December 25, 2006

Posted: December 25, 2006

Web designers and Web-UI designers are now facing the next evolution.. in the display size. Wide screen monitors are catching up and people are now using more than 1280 pixel width resolution. Marc has posted an article in A List Apart, that introduces you to a layout technique called Switchy McLayout, which uses CSS and little Javascript to adapt the contents to the target resolution. So that if you watch the website in a PDA, the javascript determines the screen size and automatically applies a PDA specific classes and layouts the UI.

Liquid layouts are popular and holds good for 800 and 1024 dimensions. But now, displays are getting wider.. and liquid layouts are not 100% suitable for such wider screens.  Will Switchy McLayouts serve a good solution for wide-screen displays? May be yes,  coz the article sounds promising. 🙂