{"id":337,"date":"2006-12-25T01:24:23","date_gmt":"2006-12-25T09:24:23","guid":{"rendered":"http:\/\/www.vtiger.com\/blogs\/2006\/12\/25\/switchy-mclayout-the-new-ui-layout-technique\/"},"modified":"2006-12-25T01:24:23","modified_gmt":"2006-12-25T09:24:23","slug":"switchy-mclayout-the-new-ui-layout-technique","status":"publish","type":"post","link":"https:\/\/two.vtiger.com\/blog\/archives\/switchy-mclayout-the-new-ui-layout-technique\/","title":{"rendered":"Switchy McLayout – The new UI layout technique"},"content":{"rendered":"

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<\/a>, 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.<\/p>\n

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.\u00a0 Will Switchy McLayouts serve a good solution for wide-screen displays? May be yes,\u00a0 coz the article sounds promising. \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"

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… .Switchy McLayout – The new UI layout technique<\/span><\/a><\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","neve_meta_reading_time":"","_themeisle_gutenberg_block_has_review":false,"_ti_tpc_template_sync":false,"_ti_tpc_template_id":"","footnotes":""},"categories":[3],"tags":[],"yoast_head":"\nSwitchy McLayout - The new UI layout technique - Vtiger CRM Blog - Latest CRM Topics, Tips, Insights and Updates<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/two.vtiger.com\/blog\/switchy-mclayout-the-new-ui-layout-technique\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Switchy McLayout - The new UI layout technique - Vtiger CRM Blog - Latest CRM Topics, Tips, Insights and Updates\" \/>\n<meta property=\"og:description\" content=\"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… .Switchy McLayout – The new UI layout technique\" \/>\n<meta property=\"og:url\" content=\"https:\/\/two.vtiger.com\/blog\/switchy-mclayout-the-new-ui-layout-technique\/\" \/>\n<meta property=\"og:site_name\" content=\"Vtiger CRM Blog - Latest CRM Topics, Tips, Insights and Updates\" \/>\n<meta property=\"og:image\" content=\"https:\/\/two.vtiger.com\/blog\/wp-content\/uploads\/2023\/02\/vtiger-logo-only.png\" \/>\n\t<meta property=\"og:image:width\" content=\"490\" \/>\n\t<meta property=\"og:image:height\" content=\"399\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Radiant\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Switchy McLayout - The new UI layout technique - Vtiger CRM Blog - Latest CRM Topics, Tips, Insights and Updates","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/two.vtiger.com\/blog\/switchy-mclayout-the-new-ui-layout-technique\/","og_locale":"en_US","og_type":"article","og_title":"Switchy McLayout - The new UI layout technique - Vtiger CRM Blog - Latest CRM Topics, Tips, Insights and Updates","og_description":"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… .Switchy McLayout – The new UI layout technique","og_url":"https:\/\/two.vtiger.com\/blog\/switchy-mclayout-the-new-ui-layout-technique\/","og_site_name":"Vtiger CRM Blog - Latest CRM Topics, Tips, Insights and Updates","og_image":[{"width":490,"height":399,"url":"https:\/\/two.vtiger.com\/blog\/wp-content\/uploads\/2023\/02\/vtiger-logo-only.png","type":"image\/png"}],"author":"Radiant","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/two.vtiger.com\/blog\/switchy-mclayout-the-new-ui-layout-technique\/#article","isPartOf":{"@id":"https:\/\/two.vtiger.com\/blog\/switchy-mclayout-the-new-ui-layout-technique\/"},"author":{"name":"Radiant","@id":"https:\/\/two.vtiger.com\/blog\/#\/schema\/person\/48fb3952dc45ca1d27a48dc6a08c72ff"},"headline":"Switchy McLayout – The new UI layout technique","dateModified":"2006-12-25T09:24:23+00:00","mainEntityOfPage":{"@id":"https:\/\/two.vtiger.com\/blog\/switchy-mclayout-the-new-ui-layout-technique\/"},"wordCount":144,"commentCount":0,"publisher":{"@id":"https:\/\/two.vtiger.com\/blog\/#organization"},"articleSection":["All"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/two.vtiger.com\/blog\/switchy-mclayout-the-new-ui-layout-technique\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/two.vtiger.com\/blog\/switchy-mclayout-the-new-ui-layout-technique\/","url":"https:\/\/two.vtiger.com\/blog\/switchy-mclayout-the-new-ui-layout-technique\/","name":"Switchy McLayout - The new UI layout technique - Vtiger CRM Blog - Latest CRM Topics, Tips, Insights and Updates","isPartOf":{"@id":"https:\/\/two.vtiger.com\/blog\/#website"},"dateModified":"2006-12-25T09:24:23+00:00","breadcrumb":{"@id":"https:\/\/two.vtiger.com\/blog\/switchy-mclayout-the-new-ui-layout-technique\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/two.vtiger.com\/blog\/switchy-mclayout-the-new-ui-layout-technique\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/two.vtiger.com\/blog\/switchy-mclayout-the-new-ui-layout-technique\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/two.vtiger.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Switchy McLayout – The new UI layout technique"}]},{"@type":"WebSite","@id":"https:\/\/two.vtiger.com\/blog\/#website","url":"https:\/\/two.vtiger.com\/blog\/","name":"Vtiger CRM Blog - Latest CRM Topics, Tips, Insights and Updates","description":"","publisher":{"@id":"https:\/\/two.vtiger.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/two.vtiger.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/two.vtiger.com\/blog\/#organization","name":"Vtiger CRM Blog - Latest CRM Topics, Tips, Insights and Updates","url":"https:\/\/two.vtiger.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/two.vtiger.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/two.vtiger.com\/blog\/wp-content\/uploads\/2023\/02\/vtiger-logo-only.png","contentUrl":"https:\/\/two.vtiger.com\/blog\/wp-content\/uploads\/2023\/02\/vtiger-logo-only.png","width":490,"height":399,"caption":"Vtiger CRM Blog - Latest CRM Topics, Tips, Insights and Updates"},"image":{"@id":"https:\/\/two.vtiger.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/two.vtiger.com\/blog\/#\/schema\/person\/48fb3952dc45ca1d27a48dc6a08c72ff","name":"Radiant","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/two.vtiger.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/20e59ef14cf237d22601e02cfbdcbb9d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/20e59ef14cf237d22601e02cfbdcbb9d?s=96&d=mm&r=g","caption":"Radiant"},"url":"https:\/\/two.vtiger.com\/blog\/author\/radiant\/"}]}},"_links":{"self":[{"href":"https:\/\/two.vtiger.com\/blog\/wp-json\/wp\/v2\/posts\/337"}],"collection":[{"href":"https:\/\/two.vtiger.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/two.vtiger.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/two.vtiger.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/two.vtiger.com\/blog\/wp-json\/wp\/v2\/comments?post=337"}],"version-history":[{"count":0,"href":"https:\/\/two.vtiger.com\/blog\/wp-json\/wp\/v2\/posts\/337\/revisions"}],"wp:attachment":[{"href":"https:\/\/two.vtiger.com\/blog\/wp-json\/wp\/v2\/media?parent=337"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/two.vtiger.com\/blog\/wp-json\/wp\/v2\/categories?post=337"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/two.vtiger.com\/blog\/wp-json\/wp\/v2\/tags?post=337"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}