{"id":4478,"date":"2014-03-05T07:00:39","date_gmt":"2014-03-05T15:00:39","guid":{"rendered":"http:\/\/formtek.com\/blog\/?p=4478"},"modified":"2014-02-05T08:47:07","modified_gmt":"2014-02-05T16:47:07","slug":"mobile-and-web-computing-responsive-web-design","status":"publish","type":"post","link":"https:\/\/formtek.com\/blog\/mobile-and-web-computing-responsive-web-design\/","title":{"rendered":"Mobile and Web Computing: Responsive Web Design"},"content":{"rendered":"<p>Increasingly businesses are moving to the use of <a title=\"Responsive Web Design\" href=\"http:\/\/smallbusiness.foxbusiness.com\/technology-web\/2014\/01\/24\/hottest-new-web-design-trends-this-year\/\" target=\"_blank\">Responsive Web Design<\/a>\u00a0(RWD or RD &#8212; just Responsive Design) in the <a title=\"Examples of Responsive Web Designs\" href=\"http:\/\/socialdriver.com\/2013\/06\/50-best-responsive-website-design-examples-of-2013\/\" target=\"_blank\">rollout<\/a> of their mobile and traditional web sites. \u00a0For example, RWD sites have been rolled out by the <a title=\"Boston Globe RWD\" href=\"http:\/\/www.bostonglobe.com\/\" target=\"_blank\">Boston Globe<\/a>, \u00a0<a title=\"The Guardian\" href=\"http:\/\/www.designweek.co.uk\/news\/guardian-launches-new-responsive-website\/3037904.article\" target=\"_blank\">the Guardian<\/a>,<a title=\"Homes.com responsive web design\" href=\"http:\/\/www.inman.com\/2014\/01\/14\/homes-com-offers-responsive-design-website-platform-for-agents\/\" target=\"_blank\"> Homes.com<\/a>,<\/p>\n<p>In January, Forrester looked at the adoption and usage by mobile developers of &#8216;Responsive Web Design&#8217; (RWD) techniques. \u00a0 The goal of RWD is to provide an optimal viewing experience for web pages across a wide range of devices, from small screens on smartphones to large desktop monitors. \u00a0The page should be easy to read and navigate, and resizing, panning and scrolling of the page should be intuitive and work as expected.<\/p>\n<ul>\n<li>While the focus of RWD is on the front-end user interface experience, the Forrester report in their survey of developers, actually found that 70 percent of the effort in RWD development is spent on the back-end, reworking middleware, APIs, database interactions, and infrastructure.<\/li>\n<li>RWD techniques let developers leverage the use of assets across both mobile and standard web sites, improve performance, and take advantage of mobile-specific features.<\/li>\n<li>Developers found that while the use of RWD frameworks Foundation and Bootstrap helped them to complete their projects on time, often the projects lacked the full-functionality that was envisioned in the original design.<\/li>\n<li>60 percent of developers thought that current RWD frameworks are sufficient for today&#8217;s web sites but that these frameworks would need to considerably evolve or be replaced by newer technologies to meet not-too-future needs.<\/li>\n<\/ul>\n<p><a title=\"Jeffrey Hammond bio\" href=\"www.linkedin.com\/pub\/jeffrey-hammond\/0\/630\/770\">Jeffrey Hammond<\/a>, principal analyst for Forrester Research, <a title=\"Comments by Jeffrey Hammond on HTML5 and mobile apps\" href=\"https:\/\/www.moovweb.com\/blog\/improving-enterprise-security\/\" target=\"_blank\">said that<\/a> &#8220;tactical approaches [to mobility] are no longer sustainable, especially as more strategic methodologies like responsive delivery emerge that can underpin a comprehensive enterprise-weight delivery of mobile experiences. \u00a0There&#8217;s considerable value in pre-existing business logic from your company&#8217;s traditional website (and other existing systems). It&#8217;s already tested and secured, and it can be opened up to the mobile channel. Avoid duplicating these existing assets, as creating them can add up to more than 70% of the cost of delivering a new mobile experience.&#8221;<\/p>\n<p>DotComInfoway condensed the benefits of Responsive Web Design techniques into the following infographic:<\/p>\n<p><a href=\"http:\/\/www.dotcominfoway.com\/blog\/responsive-web-design-infographic\"><img loading=\"lazy\" decoding=\"async\" title=\"\u201dResponsive\" alt=\"\u201dResponsive\" src=\"http:\/\/dotcominfoway.com\/images\/responsive-web-design-infographic.jpg\" width=\"555\" height=\"1635\" \/><\/a><br \/>\n<a href=\"http:\/\/www.dotcominfoway.com\">Dot Com Infoway \u2013 Software and Mobile Application Development Company<\/a><\/p>\n<div class=\"lightsocial_container\"><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/digg.com\/submit?url=https%3A%2F%2Fformtek.com%2Fblog%2Fmobile-and-web-computing-responsive-web-design%2F&amp;title=\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/digg.png\" alt=\"Digg This\" title=\"Digg This\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fformtek.com%2Fblog%2Fmobile-and-web-computing-responsive-web-design%2F&amp;title=\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/reddit.png\" alt=\"Reddit This\" title=\"Reddit This\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/www.stumbleupon.com\/submit?url=https%3A%2F%2Fformtek.com%2Fblog%2Fmobile-and-web-computing-responsive-web-design%2F&amp;title=\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/stumbleupon.png\" alt=\"Stumble Now!\" title=\"Stumble Now!\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/buzz.yahoo.com\/buzz?targetUrl=https%3A%2F%2Fformtek.com%2Fblog%2Fmobile-and-web-computing-responsive-web-design%2F&amp;headline=\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/yahoo_buzz.png\" alt=\"Buzz This\" title=\"Buzz This\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/www.dzone.com\/links\/add.html?title=&amp;url=https%3A%2F%2Fformtek.com%2Fblog%2Fmobile-and-web-computing-responsive-web-design%2F\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/dzone.png\" alt=\"Vote on DZone\" title=\"Vote on DZone\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/www.facebook.com\/sharer.php?t=&amp;u=https%3A%2F%2Fformtek.com%2Fblog%2Fmobile-and-web-computing-responsive-web-design%2F\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/facebook.png\" alt=\"Share on Facebook\" title=\"Share on Facebook\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/delicious.com\/save?title=&amp;url=https%3A%2F%2Fformtek.com%2Fblog%2Fmobile-and-web-computing-responsive-web-design%2F\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/delicious.png\" alt=\"Bookmark this on Delicious\" title=\"Bookmark this on Delicious\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/www.dotnetkicks.com\/kick\/?title=&amp;url=https%3A%2F%2Fformtek.com%2Fblog%2Fmobile-and-web-computing-responsive-web-design%2F\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/dotnetkicks.png\" alt=\"Kick It on DotNetKicks.com\" title=\"Kick It on DotNetKicks.com\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/dotnetshoutout.com\/Submit?title=&amp;url=https%3A%2F%2Fformtek.com%2Fblog%2Fmobile-and-web-computing-responsive-web-design%2F\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/dotnetshoutout.png\" alt=\"Shout it\" title=\"Shout it\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/www.linkedin.com\/shareArticle?mini=true&amp;url=https%3A%2F%2Fformtek.com%2Fblog%2Fmobile-and-web-computing-responsive-web-design%2F&amp;title=&amp;summary=&amp;source=\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/linkedin.png\" alt=\"Share on LinkedIn\" title=\"Share on LinkedIn\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/www.technorati.com\/faves?add=https%3A%2F%2Fformtek.com%2Fblog%2Fmobile-and-web-computing-responsive-web-design%2F\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/technorati.png\" alt=\"Bookmark this on Technorati\" title=\"Bookmark this on Technorati\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/twitter.com\/home?status=Reading+https%3A%2F%2Fformtek.com%2Fblog%2Fmobile-and-web-computing-responsive-web-design%2F\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/twitter.png\" alt=\"Post on Twitter\" title=\"Post on Twitter\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/www.google.com\/buzz\/post?url=https%3A%2F%2Fformtek.com%2Fblog%2Fmobile-and-web-computing-responsive-web-design%2F\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/google_buzz.png\" alt=\"Google Buzz (aka. Google Reader)\" title=\"Google Buzz (aka. Google Reader)\" \/><\/a><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Increasingly businesses are moving to the use of Responsive Web Design\u00a0(RWD or RD &#8212; just Responsive Design) in the rollout of their mobile and traditional web sites. \u00a0For example, RWD sites have been rolled out by the Boston Globe, \u00a0the<span class=\"ellipsis\">&hellip;<\/span><\/p>\n<div class=\"read-more\"><a href=\"https:\/\/formtek.com\/blog\/mobile-and-web-computing-responsive-web-design\/\">Read more &#8250;<\/a><\/div>\n<p><!-- end of .read-more --><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[21,36],"tags":[],"class_list":["post-4478","post","type-post","status-publish","format-standard","hentry","category-mobile","category-technology"],"_links":{"self":[{"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/posts\/4478","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/comments?post=4478"}],"version-history":[{"count":0,"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/posts\/4478\/revisions"}],"wp:attachment":[{"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/media?parent=4478"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/categories?post=4478"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/tags?post=4478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}