{"id":1585,"date":"2015-06-07T07:30:28","date_gmt":"2015-06-07T07:30:28","guid":{"rendered":"http:\/\/okomocr.com\/okomo-wp\/is-search-engine-submission-necessary-8\/"},"modified":"2015-06-07T07:30:28","modified_gmt":"2015-06-07T07:30:28","slug":"inspiring-responsive-design","status":"publish","type":"post","link":"https:\/\/cxglobals.com\/inspiring-responsive-design\/","title":{"rendered":"5 Exciting Responsive Designs"},"content":{"rendered":"<h3>Everyone \u00a0is talking about responsive design these days nd , and everyone certainly has a strong opinion about it. But, whether you love it or hate it, responsive design is bound to go mainstream. Every business from Harvard to AOL are embracing responsive design as the wave of the future, and more websites are popping up on every device with an internet connection with conforming layouts.<\/h3>\n<p>Take a look at these new, smart and stylish responsive layouts and get inspiration for your next website. Spanning across different kinds of companies, strategies and aesthetics, all of these websites have one thing in common: great responsive design.<\/p>\n<h3><\/h3>\n<h3>1.\u00a0<a href=\"http:\/\/www.bbc.co.uk\/\">BBC<\/a><\/h3>\n<p><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/www.bbc.co.uk\/blogs\/bbcinternet\/2012\/06\/21\/01_promo.jpg\" alt=\"\" width=\"595\" height=\"350\" \/><\/p>\n<p>The world\u2019s biggest news outlet hopped on the Internet\u2019s biggest design trend in the summer, and the designers <a href=\"http:\/\/www.bbc.co.uk\/blogs\/bbcinternet\/2012\/06\/bbc_tv_channel_homepages_redes.html\">were thrilled\u00a0<\/a>\u00a0about finally reaching a universal design layout across all platforms. The design\u2019s minimalist look provides a blank canvas for the news outlet to show off beautiful photos \u2014 even on a mobile device.<\/p>\n<div class=\"js-scrollHelper\"><\/div>\n<div class=\"l-postSingle-content-main-content postContent\">\n<h3>2.\u00a0<a href=\"http:\/\/www.disney.com\/\">Disney<\/a><\/h3>\n<p><img decoding=\"async\" src=\"http:\/\/www.thefoxisblack.com\/blogimages\/\/3-up-800x352.jpg\" alt=\"\" width=\"800\" height=\"352\" \/><\/p>\n<p>The magic-making family entertainment giant tasked a mammoth responsive design project on a (comparatively) tiny group of 30 developers, and <a href=\"http:\/\/www.thefoxisblack.com\/2012\/10\/02\/the-design-thinking-behind-the-new-disney-com\/\">brought it to fruition<\/a> in October. The design succeeds by preventing major scaling of the content within the website, meaning that big videos and interactive elements don\u2019t lose their size across platforms.<\/p>\n<\/div>\n<h3>3.\u00a0<a href=\"http:\/\/www.zurb.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Zurb<\/a><\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-large wp-image-546074\" src=\"http:\/\/cdn1.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2013\/01\/zurb-520x297.png\" alt=\"zurb\" width=\"520\" height=\"297\" \/><\/p>\n<p>Some of the companies that show off the best responsive design layouts are also in the business of creating them. That\u2019s the case with Silicon Valley-based web design firm Zurb. The overall layout solves the common problem of too much white space by cleverly switching graphical elements from desktop to mobile. The result is a full and vibrant \u00a0look that always sizes perfectly.<\/p>\n<h3>\u00a0<a href=\"http:\/\/www.abookapart.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">A Book Apart<\/a><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-546076\" src=\"http:\/\/cdn1.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2013\/01\/abookapart-520x297.png\" alt=\"abookapart\" width=\"520\" height=\"297\" \/><\/p>\n<p>When a company\u00a0<em>writes the book<\/em> on responsive design, it\u2019s a no-brainer that theirs will be amazing. A Book Apart, the educational retail arm of popular web desig<span style=\"color: #000000;\">n blog A List Part, \u00a0is easily one of the best examples of an ecommerce website that takes full advantage of responsive design. This is because the layou<\/span>t manages to maintain an orderly product display system that intelligently conforms to devices without remaining cluttered. Add to it the company\u2019s flawless aesthetic eye and branding, and it\u2019s a (fitting) master class in design.<\/p>\n<h3>\u00a0<a href=\"http:\/\/www.harvard.edu\/\" target=\"_blank\" rel=\"noopener noreferrer\">Harvard University<\/a><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-546082\" src=\"http:\/\/cdn1.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2013\/01\/harvard-520x297.png\" alt=\"harvard\" width=\"520\" height=\"297\" \/><\/p>\n<p>Clean and classic Harvard University embraced responsive design without losing decades of online brand-building by incorporating the university\u2019s longstanding aesthetic (Harvard crimson, anyone?). The result is a forward-thinking layout that doesn\u2019t read\u00a0<em>too<\/em> modern. This website is the perfect example of the difference between layout and design.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Everyone \u00a0is talking about responsive design these days nd , and everyone certainly has a strong opinion about it. But, whether you love it or hate it, responsive design is bound to go mainstream. Every business from Harvard to AOL are embracing responsive design as the wave of the future, and more websites are popping [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":1742,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[17],"tags":[51,18],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>5 Exciting Responsive Designs | CXGlobals<\/title>\n<meta name=\"description\" content=\"responsive design, web design\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cxglobals.com\/inspiring-responsive-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"5 Exciting Responsive Designs | CXGlobals\" \/>\n<meta property=\"og:description\" content=\"responsive design, web design\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cxglobals.com\/inspiring-responsive-design\/\" \/>\n<meta property=\"og:site_name\" content=\"CXGlobals\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/cxglobals\/\" \/>\n<meta property=\"article:published_time\" content=\"2015-06-07T07:30:28+00:00\" \/>\n<meta name=\"author\" content=\"Andr\u00e9s Chavarr\u00eda\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Andr\u00e9s Chavarr\u00eda\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/cxglobals.com\/inspiring-responsive-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/cxglobals.com\/inspiring-responsive-design\/\"},\"author\":{\"name\":\"Andr\u00e9s Chavarr\u00eda\",\"@id\":\"https:\/\/cxglobals.com\/#\/schema\/person\/a65b8ee6203b17da2a4f517d20f32c17\"},\"headline\":\"5 Exciting Responsive Designs\",\"datePublished\":\"2015-06-07T07:30:28+00:00\",\"dateModified\":\"2015-06-07T07:30:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cxglobals.com\/inspiring-responsive-design\/\"},\"wordCount\":427,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/cxglobals.com\/#organization\"},\"keywords\":[\"Responsive Design\",\"Web Design\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cxglobals.com\/inspiring-responsive-design\/\",\"url\":\"https:\/\/cxglobals.com\/inspiring-responsive-design\/\",\"name\":\"5 Exciting Responsive Designs | CXGlobals\",\"isPartOf\":{\"@id\":\"https:\/\/cxglobals.com\/#website\"},\"datePublished\":\"2015-06-07T07:30:28+00:00\",\"dateModified\":\"2015-06-07T07:30:28+00:00\",\"description\":\"responsive design, web design\",\"breadcrumb\":{\"@id\":\"https:\/\/cxglobals.com\/inspiring-responsive-design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cxglobals.com\/inspiring-responsive-design\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cxglobals.com\/inspiring-responsive-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cxglobals.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"5 Exciting Responsive Designs\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cxglobals.com\/#website\",\"url\":\"https:\/\/cxglobals.com\/\",\"name\":\"CXGlobals\",\"description\":\"Digital Marketing for Technology Companies Worldwide\",\"publisher\":{\"@id\":\"https:\/\/cxglobals.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cxglobals.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cxglobals.com\/#organization\",\"name\":\"CXGlobals\",\"url\":\"https:\/\/cxglobals.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cxglobals.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cxglobals.com\/wp-content\/uploads\/2020\/07\/Asset-1.svg\",\"contentUrl\":\"https:\/\/cxglobals.com\/wp-content\/uploads\/2020\/07\/Asset-1.svg\",\"width\":128.85,\"height\":34.78,\"caption\":\"CXGlobals\"},\"image\":{\"@id\":\"https:\/\/cxglobals.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/cxglobals\/\",\"https:\/\/www.instagram.com\/cxglobals\/\",\"https:\/\/www.linkedin.com\/company\/cxglobals\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/cxglobals.com\/#\/schema\/person\/a65b8ee6203b17da2a4f517d20f32c17\",\"name\":\"Andr\u00e9s Chavarr\u00eda\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cxglobals.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/266d8169531aff3d1295cb83e297ebdf?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/266d8169531aff3d1295cb83e297ebdf?s=96&d=mm&r=g\",\"caption\":\"Andr\u00e9s Chavarr\u00eda\"},\"url\":\"https:\/\/cxglobals.com\/author\/andres_cxgs\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"5 Exciting Responsive Designs | CXGlobals","description":"responsive design, web design","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:\/\/cxglobals.com\/inspiring-responsive-design\/","og_locale":"en_US","og_type":"article","og_title":"5 Exciting Responsive Designs | CXGlobals","og_description":"responsive design, web design","og_url":"https:\/\/cxglobals.com\/inspiring-responsive-design\/","og_site_name":"CXGlobals","article_publisher":"https:\/\/www.facebook.com\/cxglobals\/","article_published_time":"2015-06-07T07:30:28+00:00","author":"Andr\u00e9s Chavarr\u00eda","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Andr\u00e9s Chavarr\u00eda","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/cxglobals.com\/inspiring-responsive-design\/#article","isPartOf":{"@id":"https:\/\/cxglobals.com\/inspiring-responsive-design\/"},"author":{"name":"Andr\u00e9s Chavarr\u00eda","@id":"https:\/\/cxglobals.com\/#\/schema\/person\/a65b8ee6203b17da2a4f517d20f32c17"},"headline":"5 Exciting Responsive Designs","datePublished":"2015-06-07T07:30:28+00:00","dateModified":"2015-06-07T07:30:28+00:00","mainEntityOfPage":{"@id":"https:\/\/cxglobals.com\/inspiring-responsive-design\/"},"wordCount":427,"commentCount":0,"publisher":{"@id":"https:\/\/cxglobals.com\/#organization"},"keywords":["Responsive Design","Web Design"],"articleSection":["Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/cxglobals.com\/inspiring-responsive-design\/","url":"https:\/\/cxglobals.com\/inspiring-responsive-design\/","name":"5 Exciting Responsive Designs | CXGlobals","isPartOf":{"@id":"https:\/\/cxglobals.com\/#website"},"datePublished":"2015-06-07T07:30:28+00:00","dateModified":"2015-06-07T07:30:28+00:00","description":"responsive design, web design","breadcrumb":{"@id":"https:\/\/cxglobals.com\/inspiring-responsive-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cxglobals.com\/inspiring-responsive-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/cxglobals.com\/inspiring-responsive-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cxglobals.com\/"},{"@type":"ListItem","position":2,"name":"5 Exciting Responsive Designs"}]},{"@type":"WebSite","@id":"https:\/\/cxglobals.com\/#website","url":"https:\/\/cxglobals.com\/","name":"CXGlobals","description":"Digital Marketing for Technology Companies Worldwide","publisher":{"@id":"https:\/\/cxglobals.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cxglobals.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cxglobals.com\/#organization","name":"CXGlobals","url":"https:\/\/cxglobals.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cxglobals.com\/#\/schema\/logo\/image\/","url":"https:\/\/cxglobals.com\/wp-content\/uploads\/2020\/07\/Asset-1.svg","contentUrl":"https:\/\/cxglobals.com\/wp-content\/uploads\/2020\/07\/Asset-1.svg","width":128.85,"height":34.78,"caption":"CXGlobals"},"image":{"@id":"https:\/\/cxglobals.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/cxglobals\/","https:\/\/www.instagram.com\/cxglobals\/","https:\/\/www.linkedin.com\/company\/cxglobals"]},{"@type":"Person","@id":"https:\/\/cxglobals.com\/#\/schema\/person\/a65b8ee6203b17da2a4f517d20f32c17","name":"Andr\u00e9s Chavarr\u00eda","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cxglobals.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/266d8169531aff3d1295cb83e297ebdf?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/266d8169531aff3d1295cb83e297ebdf?s=96&d=mm&r=g","caption":"Andr\u00e9s Chavarr\u00eda"},"url":"https:\/\/cxglobals.com\/author\/andres_cxgs\/"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/cxglobals.com\/wp-json\/wp\/v2\/posts\/1585"}],"collection":[{"href":"https:\/\/cxglobals.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cxglobals.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cxglobals.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/cxglobals.com\/wp-json\/wp\/v2\/comments?post=1585"}],"version-history":[{"count":0,"href":"https:\/\/cxglobals.com\/wp-json\/wp\/v2\/posts\/1585\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cxglobals.com\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/cxglobals.com\/wp-json\/wp\/v2\/media?parent=1585"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cxglobals.com\/wp-json\/wp\/v2\/categories?post=1585"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cxglobals.com\/wp-json\/wp\/v2\/tags?post=1585"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}