{"id":306,"date":"2013-03-07T22:50:04","date_gmt":"2013-03-07T22:50:04","guid":{"rendered":"http:\/\/viamarketing.wordpress.com\/?p=306"},"modified":"2013-03-07T22:50:04","modified_gmt":"2013-03-07T22:50:04","slug":"responsive-web-design-2","status":"publish","type":"post","link":"https:\/\/viamarketing.net\/blog\/responsive-web-design-2\/","title":{"rendered":"VIA Idea #25: Responsive Web Design"},"content":{"rendered":"

Let me introduce you to Responsive Web Design. It\u2019s relatively new on the scene and is so practical that you will love it and embrace it easily. Responsive Web Design is crafted to provide a fluid layout that resizes across multiple viewing devices and screen sizes (from desktop computer monitors to mobile phones). We build and maintain one<\/strong> single website, where previously you needed a separate mobile website.<\/p>\n

\"\"<\/p>\n

Answering to the Popularity of Tablets and Mobile<\/h2>\n

Mashable<\/em> is calling 2013 the year of Responsive Web Design because the mobile market is growing so fast. The global sale of tablets is expected to exceed 100 million this year. The shift to smartphones and mobile usage is happening at an extraordinary rate of speed. Even though the debate about web or app continues, we think a small business can\u2019t possibly keep up with the diversity of mobile devices on the market today or the amount of app stores to contend with. With Responsive Web Design, you can make sure your website works easily on all devices.<\/p>\n

How it Works<\/h2>\n

Flexible images and fluid grids re-size themselves to fit the screen. Examples are seasonslandscapeinc.com<\/a> (VIA developed), xpointchurch.org<\/a> (VIA developed), sony.com<\/a>, and disney.com<\/a>. If you view these websites on a desktop browser, try making your browser window smaller. The images and content column will shrink, and then the sidebar will disappear altogether.<\/p>\n

The fluid grid concept calls for page element sizing to be in relative units like percentages or EMs, rather than absolute units like pixels or points. Flexible images are also sized in relative units (up to 100 percent). Designers love pixels. Photoshop loves pixels. But a pixel can be one dot on one device and eight dots on another.<\/p>\n

So how do you approach Responsive Web Design if everything is pixel-based? You stop using pixel-based layouts and start using percentages or the EM for sizing. You turn everything into relative sizes. We will also include dynamic functionality with JavaScript and HTML5 to give you performance. We can also program device-specific functionality and features where they fit.<\/p>\n

The latest research from Google<\/a> tells us that “90 percent of people move between devices to accomplish a goal, whether that\u2019s on smartphones, PCs, tablets, or TV.” The three most common ways users move between devices are:<\/p>\n

    \n
  1. To search again on the second device<\/li>\n
  2. To directly navigate to the destination site<\/li>\n
  3. Via email, that is, to send themselves a link to revisit later.<\/li>\n<\/ol>\n

    \u00a0<\/p>\n

    Reduces Future Maintenance<\/h2>\n

    Responsive Web Design allows future updates to be made in one place at one time. That saves you time and money each time a revision is needed.<\/p>\n

    The Benefits are Obvious<\/h2>\n

    Build your website once, and it works seamlessly across today\u2019s multi-screen world. Contact us today to discuss how you can move to Responsive Web Design in 2013.<\/p>\n

    Call us at 219-769-2299, email<\/a>, or go to viamarketing.net<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

    Let me introduce you to Responsive Web Design. It\u2019s relatively new on the scene and is so practical that you will love it and embrace it easily. Responsive Web Design is crafted to provide a fluid layout that resizes across multiple viewing devices and screen sizes (from desktop computer monitors to mobile phones). We build … <\/p>\n

    Continue reading “VIA Idea #25: Responsive Web Design”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[12,13,14,15],"class_list":["post-306","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-responsive-web-design","tag-via-marketing","tag-web-design","tag-website-design"],"yoast_head":"\nVIA Idea #25: Responsive Web Design | VIA Marketing Blog<\/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:\/\/viamarketing.net\/blog\/responsive-web-design-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"VIA Idea #25: Responsive Web Design | VIA Marketing Blog\" \/>\n<meta property=\"og:description\" content=\"Let me introduce you to Responsive Web Design. It\u2019s relatively new on the scene and is so practical that you will love it and embrace it easily. Responsive Web Design is crafted to provide a fluid layout that resizes across multiple viewing devices and screen sizes (from desktop computer monitors to mobile phones). We build … Continue reading "VIA Idea #25: Responsive Web Design"\" \/>\n<meta property=\"og:url\" content=\"https:\/\/viamarketing.net\/blog\/responsive-web-design-2\/\" \/>\n<meta property=\"og:site_name\" content=\"VIA Marketing Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/viamarketinginc\/\" \/>\n<meta property=\"article:published_time\" content=\"2013-03-07T22:50:04+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.viamarketing.net\/emails\/no25\/images\/title.jpg\" \/>\n<meta name=\"author\" content=\"viamarketing\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@viamarketinginc\" \/>\n<meta name=\"twitter:site\" content=\"@viamarketinginc\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"viamarketing\" \/>\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\":\"WebPage\",\"@id\":\"https:\/\/viamarketing.net\/blog\/responsive-web-design-2\/\",\"url\":\"https:\/\/viamarketing.net\/blog\/responsive-web-design-2\/\",\"name\":\"VIA Idea #25: Responsive Web Design | VIA Marketing Blog\",\"isPartOf\":{\"@id\":\"https:\/\/viamarketing.net\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/viamarketing.net\/blog\/responsive-web-design-2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/viamarketing.net\/blog\/responsive-web-design-2\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.viamarketing.net\/emails\/no25\/images\/title.jpg\",\"datePublished\":\"2013-03-07T22:50:04+00:00\",\"dateModified\":\"2013-03-07T22:50:04+00:00\",\"author\":{\"@id\":\"https:\/\/viamarketing.net\/blog\/#\/schema\/person\/791b85fee995d9b25717a5d138f99274\"},\"breadcrumb\":{\"@id\":\"https:\/\/viamarketing.net\/blog\/responsive-web-design-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/viamarketing.net\/blog\/responsive-web-design-2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/viamarketing.net\/blog\/responsive-web-design-2\/#primaryimage\",\"url\":\"http:\/\/www.viamarketing.net\/emails\/no25\/images\/title.jpg\",\"contentUrl\":\"http:\/\/www.viamarketing.net\/emails\/no25\/images\/title.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/viamarketing.net\/blog\/responsive-web-design-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/viamarketing.net\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"VIA Idea #25: Responsive Web Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/viamarketing.net\/blog\/#website\",\"url\":\"https:\/\/viamarketing.net\/blog\/\",\"name\":\"VIA Marketing Blog\",\"description\":\"Strategic and Inspired Thinking\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/viamarketing.net\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/viamarketing.net\/blog\/#\/schema\/person\/791b85fee995d9b25717a5d138f99274\",\"name\":\"viamarketing\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/viamarketing.net\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d07efa160b54e6f1ee784b48a142e468?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d07efa160b54e6f1ee784b48a142e468?s=96&d=mm&r=g\",\"caption\":\"viamarketing\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"VIA Idea #25: Responsive Web Design | VIA Marketing Blog","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:\/\/viamarketing.net\/blog\/responsive-web-design-2\/","og_locale":"en_US","og_type":"article","og_title":"VIA Idea #25: Responsive Web Design | VIA Marketing Blog","og_description":"Let me introduce you to Responsive Web Design. It\u2019s relatively new on the scene and is so practical that you will love it and embrace it easily. Responsive Web Design is crafted to provide a fluid layout that resizes across multiple viewing devices and screen sizes (from desktop computer monitors to mobile phones). We build … Continue reading \"VIA Idea #25: Responsive Web Design\"","og_url":"https:\/\/viamarketing.net\/blog\/responsive-web-design-2\/","og_site_name":"VIA Marketing Blog","article_publisher":"https:\/\/www.facebook.com\/viamarketinginc\/","article_published_time":"2013-03-07T22:50:04+00:00","og_image":[{"url":"http:\/\/www.viamarketing.net\/emails\/no25\/images\/title.jpg"}],"author":"viamarketing","twitter_card":"summary_large_image","twitter_creator":"@viamarketinginc","twitter_site":"@viamarketinginc","twitter_misc":{"Written by":"viamarketing","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/viamarketing.net\/blog\/responsive-web-design-2\/","url":"https:\/\/viamarketing.net\/blog\/responsive-web-design-2\/","name":"VIA Idea #25: Responsive Web Design | VIA Marketing Blog","isPartOf":{"@id":"https:\/\/viamarketing.net\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/viamarketing.net\/blog\/responsive-web-design-2\/#primaryimage"},"image":{"@id":"https:\/\/viamarketing.net\/blog\/responsive-web-design-2\/#primaryimage"},"thumbnailUrl":"http:\/\/www.viamarketing.net\/emails\/no25\/images\/title.jpg","datePublished":"2013-03-07T22:50:04+00:00","dateModified":"2013-03-07T22:50:04+00:00","author":{"@id":"https:\/\/viamarketing.net\/blog\/#\/schema\/person\/791b85fee995d9b25717a5d138f99274"},"breadcrumb":{"@id":"https:\/\/viamarketing.net\/blog\/responsive-web-design-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/viamarketing.net\/blog\/responsive-web-design-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/viamarketing.net\/blog\/responsive-web-design-2\/#primaryimage","url":"http:\/\/www.viamarketing.net\/emails\/no25\/images\/title.jpg","contentUrl":"http:\/\/www.viamarketing.net\/emails\/no25\/images\/title.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/viamarketing.net\/blog\/responsive-web-design-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/viamarketing.net\/blog\/"},{"@type":"ListItem","position":2,"name":"VIA Idea #25: Responsive Web Design"}]},{"@type":"WebSite","@id":"https:\/\/viamarketing.net\/blog\/#website","url":"https:\/\/viamarketing.net\/blog\/","name":"VIA Marketing Blog","description":"Strategic and Inspired Thinking","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/viamarketing.net\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/viamarketing.net\/blog\/#\/schema\/person\/791b85fee995d9b25717a5d138f99274","name":"viamarketing","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/viamarketing.net\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d07efa160b54e6f1ee784b48a142e468?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d07efa160b54e6f1ee784b48a142e468?s=96&d=mm&r=g","caption":"viamarketing"}}]}},"_links":{"self":[{"href":"https:\/\/viamarketing.net\/blog\/wp-json\/wp\/v2\/posts\/306","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/viamarketing.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/viamarketing.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/viamarketing.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/viamarketing.net\/blog\/wp-json\/wp\/v2\/comments?post=306"}],"version-history":[{"count":0,"href":"https:\/\/viamarketing.net\/blog\/wp-json\/wp\/v2\/posts\/306\/revisions"}],"wp:attachment":[{"href":"https:\/\/viamarketing.net\/blog\/wp-json\/wp\/v2\/media?parent=306"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/viamarketing.net\/blog\/wp-json\/wp\/v2\/categories?post=306"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/viamarketing.net\/blog\/wp-json\/wp\/v2\/tags?post=306"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}