{"id":8545,"date":"2014-10-27T10:47:25","date_gmt":"2014-10-27T15:47:25","guid":{"rendered":"http:\/\/www.mrc-productivity.com\/blog\/?p=8545"},"modified":"2022-11-22T10:17:29","modified_gmt":"2022-11-22T16:17:29","slug":"weve-gone-responsive-and-why-you-should-too","status":"publish","type":"post","link":"https:\/\/www.mrc-productivity.com\/blog\/2014\/10\/weve-gone-responsive-and-why-you-should-too\/","title":{"rendered":"We\u2019ve gone responsive (and why you should too)"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-725\" alt=\"Education\" src=\"https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2010\/11\/Education.jpg\" width=\"76\" height=\"100\" \/><span style=\"font-size: 14px;\"><em>Summary: Responsive design is more than just the latest buzzword. It&#8217;s a design principle that you must apply to both your business website and your web applications. Learn why it&#8217;s so important, and a couple of easy options for making your site and apps responsive.<\/em><\/span><br \/>\n<a name=\"20141021\"><\/a><!--more--><br \/>\nRegular readers of this blog might notice that the site looks different today. We just redesigned our site from the ground up!<\/p>\n<p>Besides the modern look and feel, we took this step for an important reason: <strong>Responsive design has become a necessity<\/strong>. In fact, we didn&#8217;t stop with our site. We recently made both our site, and <a onclick=\"_gaq.push(['_trackEvent', 'Blog', 'Inside Link', 'm-Power']); \" href=\"https:\/\/www.mrc-productivity.com\/products\/index.html\" target=\"_blank\" rel=\"noopener\"><span style=\"color: red;font-weight: bold\">m-Power\u2019s<\/span><\/a> generated applications, responsive. Why is this so important? Why should it matter to you? <\/p>\n<p>For those unfamiliar with the term, let me explain it and tell you why it matters to your business.<\/p>\n<h3>What is responsive design?<\/h3>\n<p>Responsive design means that a web site\/app adapts to the device on which it is viewed. So, if you view a responsive web app on your tablet, it adapts to that screen size. If you view that same app on your smartphone, it changes to fit that device.<\/p>\n<p>As an example, try viewing this article on your smartphone. Or, just resize your browser. You\u2019ll see that it automatically adapts to your device or the new browser size.<\/p>\n<h3>Why use responsive design?<\/h3>\n<p>Mobile is the fastest growing trend in history. It\u2019s impacting both the consumer and business worlds in ways we haven\u2019t seen since the rise of the internet. <\/p>\n<p>The fact is, we can no longer build web sites or web apps for a single device. These days, you don\u2019t know how users will access your site\/app. Web access has changed from a PC-based activity to a <a onclick=\"_gaq.push(['_trackEvent', 'Blog', 'Inside Link', 'm-Power']); \" href=\"https:\/\/www.mrc-productivity.com\/blog\/2014\/07\/native-vs-html5-youre-asking-the-wrong-question\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: red;font-weight: bold\">variety of devices and screen sizes<\/span><\/a>. Your website and your web apps must adapt.<\/p>\n<h3>How can you go responsive?<\/h3>\n<p>You can go responsive the hard way or the easy way. I recommend the latter.<\/p>\n<p>What\u2019s the easy way? If you\u2019d like to make your business website responsive, there\u2019s no need to build it from scratch. Find a responsive theme, or start with a responsive framework (like Twitter Bootstrap). These options are inexpensive (or free), and save you weeks of work.<\/p>\n<p>If you\u2019d like to build responsive web applications that adapt to any device automatically, check out m-Power. It automates both the coding and the responsive design, letting you build web apps in minutes. You can <a onclick=\"_gaq.push(['_trackEvent', 'Blog', 'Inside Link', 'm-Power']); \" href=\"https:\/\/www.mrc-productivity.com\/products\/index.html\" target=\"_blank\" rel=\"noopener\"><span style=\"color: red;font-weight: bold\">learn more about it here<\/span><\/a>, or even take it for a <a onclick=\"_gaq.push([&#039;_trackEvent&#039;, &#039;Blog&#039;, &#039;Inside Link&#039;, &#039;Test Drive&#039;]); \" href=\"https:\/\/www.mrc-productivity.com\/aw\/test-drive.html\" target=\"_blank\" rel=\"noopener\"><span style=\"color: red;font-weight: bold\">free test drive<\/span><\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Summary: Responsive design is more than just the latest buzzword. It&#8217;s a design principle that you must apply to both your business website and your web applications. Learn why it&#8217;s so important, and a couple of easy options for making your site and apps responsive.<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","slim_seo":{"title":"We\u2019ve gone responsive (and why you should too) - mrc&#039;s Cup of Joe Blog","description":"Summary: Responsive design is more than just the latest buzzword. It's a design principle that you must apply to both your business website and your web applica"},"footnotes":""},"categories":[8],"tags":[15],"class_list":["post-8545","post","type-post","status-publish","format-standard","hentry","category-education","tag-web-development"],"_links":{"self":[{"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/posts\/8545","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/comments?post=8545"}],"version-history":[{"count":7,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/posts\/8545\/revisions"}],"predecessor-version":[{"id":13707,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/posts\/8545\/revisions\/13707"}],"wp:attachment":[{"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/media?parent=8545"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/categories?post=8545"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/tags?post=8545"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}