{"id":142,"date":"2012-05-15T10:13:01","date_gmt":"2012-05-15T10:13:01","guid":{"rendered":"http:\/\/the99poundwebsite.com\/websites\/?page_id=142"},"modified":"2012-05-15T13:43:58","modified_gmt":"2012-05-15T13:43:58","slug":"responsive-web-design","status":"publish","type":"page","link":"http:\/\/the99poundwebsite.com\/websites\/responsive-web-design\/","title":{"rendered":"Responsive Web Design"},"content":{"rendered":"<h2>What exactly is Responsive Web Design?<\/h2>\n<p>Put simply a responsive website, unlike a normal website, will change it&#8217;s layout in response to the device and screen size it is being displayed on, this then gives your visitors a much better user experience.<\/p>\n<p>A standard website will possibly display on a phone screen but the layout is designed for a larger computer screen, where as smaller screens require a different layout to be easy to read &amp; navigate.<\/p>\n<p>A responsive website will alter the layout, resize images and display the navigation in a way that is easy to use for the visitors to your Website that use mobile devices.<\/p>\n<p>Converting an old website to be responsive is expensive and inefficient as responsive design needs to be integrated at the initial stages of design and development of the site.<\/p>\n<p>All our \u00a399 websites use responsive design technologies so that you don&#8217;t miss out on the many mobile users of the internet. As of late last year according to the <a title=\"Article about the rise of users of mobiles for browsing the internet\" href=\"http:\/\/www.bbc.co.uk\/news\/technology-14731757\" target=\"_blank\">BBC<\/a> nearly half of internet users use mobile devices and this number is rising, don&#8217;t miss out on all this traffic with a poorly designed website.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>The following Quote from Wikipedia explains, rather technically, what responsive web design is about.<\/strong><\/p>\n<p>[contentbox headline=&#8221;Responsive Web Design&#8221; type=&#8221;info&#8221;]<\/p>\n<p><strong>Responsive Web Design<\/strong> (<strong>RWD<\/strong>) essentially indicates that a web site is crafted to use, an extension of the <code>@media<\/code> rule, with fluid proportion-based grids, to adapt the layout to the viewing environment, and probably also use flexible images.<sup> \u00a0<\/sup> As a result, users across a broad range of devices and browsers will have access to a single source of content, laid out so as to be easy to read and navigate with a minimum of resizing, panning, and scrolling.<\/p>\n<p>&#8220;Mobile First&#8221; and &#8220;<a title=\"Progressive Enhancement\" href=\"http:\/\/en.wikipedia.org\/wiki\/Progressive_Enhancement\">Progressive Enhancement<\/a>&#8221; (thought processes\/strategies for when a new site layout is being considered) are related concepts that predated RWD: browsers of basic mobile phones do not understand media queries, so it is wise to create a basic web site then enhance it for smart phones and PCs \u2014 rather than attempt &#8220;graceful degradation&#8221; to try to degrade a complex, image-heavy site to work on the most basic mobile phones. Luke Wroblewski has summarized some of the RWD and mobile design challenges, and created a catalog of multi-device layout patterns.<\/p>\n<p>Ethan Marcotte coined the term Responsive Web Design (RWD) in his article in A List Apart. He describes the theory and practice of responsive web design in his brief book on the subject. .net Magazine chose Responsive Design as #2 on its list of Top Web Design Trends for 2012 (Progressive Enhancement was #1), and listed 20 of Ethan Marcotte&#8217;s favorite responsive sites.<\/p>\n<p>Since Ethan Marcotte&#8217;s original book on the subject, another book has addressed the subject in specific reference to HTML5 and CSS3; &#8216;Responsive web design with HTML5 and CSS3&#8217; by Ben Frain. &#8216;Implementing Responsive Design: Building sites for an anywhere, everywhere web&#8217;\u00a0 by Tim Kadlec should also tackle the subject but is not yet released (due August 16, 2012).<\/p>\n<p>[\/contentbox]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>What exactly is Responsive Web Design? Put simply a responsive website, unlike a normal website, will change it&#8217;s layout in response to the device and screen size it is being displayed on, this then gives&#8230;<br \/><a class=\"clear excerptmore button\" href=\"http:\/\/the99poundwebsite.com\/websites\/responsive-web-design\/\">Continue reading &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":13,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"http:\/\/the99poundwebsite.com\/websites\/wp-json\/wp\/v2\/pages\/142"}],"collection":[{"href":"http:\/\/the99poundwebsite.com\/websites\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/the99poundwebsite.com\/websites\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/the99poundwebsite.com\/websites\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/the99poundwebsite.com\/websites\/wp-json\/wp\/v2\/comments?post=142"}],"version-history":[{"count":0,"href":"http:\/\/the99poundwebsite.com\/websites\/wp-json\/wp\/v2\/pages\/142\/revisions"}],"wp:attachment":[{"href":"http:\/\/the99poundwebsite.com\/websites\/wp-json\/wp\/v2\/media?parent=142"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}