{"id":102,"date":"2015-04-17T20:01:55","date_gmt":"2015-04-17T20:01:55","guid":{"rendered":"http:\/\/blog.soton.ac.uk\/g10\/?p=102"},"modified":"2015-04-30T23:06:17","modified_gmt":"2015-04-30T23:06:17","slug":"responsive-design","status":"publish","type":"post","link":"https:\/\/blog.soton.ac.uk\/g10\/responsive-design\/","title":{"rendered":"Responsive Design"},"content":{"rendered":"<p class=\"p1\"><span class=\"s1\">In this modern era of digital consumption, mobile phones and tablets are an ever increasingly popular way of accessing websites, both at home and on the go.<\/span><\/p>\n<p class=\"p1\"><span class=\"s1\">In fact, according to StatCounter, mobile devices now account for a third of internet traffic.<a href=\"http:\/\/blog.soton.ac.uk\/g10\/files\/2015\/04\/StatCounter-comparison-ww-monthly-201403-201503.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-103 size-full\" src=\"http:\/\/blog.soton.ac.uk\/g10\/files\/2015\/04\/StatCounter-comparison-ww-monthly-201403-201503.png\" alt=\"StatCounter-comparison-ww-monthly-201403-201503\" width=\"854\" height=\"500\" srcset=\"https:\/\/blog.soton.ac.uk\/g10\/files\/2015\/04\/StatCounter-comparison-ww-monthly-201403-201503.png 854w, https:\/\/blog.soton.ac.uk\/g10\/files\/2015\/04\/StatCounter-comparison-ww-monthly-201403-201503-300x176.png 300w\" sizes=\"auto, (max-width: 854px) 100vw, 854px\" \/><\/a> <\/span><\/p>\n<p class=\"p1\"><!--more--><\/p>\n<p class=\"p1\"><span class=\"s1\">With this in mind, we will be designing our website with a responsive design. This means that on small form-factors, such as mobile and tablet, the layout will automatically adapt to be more appropriate. This approach\u00a0will ensure full functionality of the site for all users and will be achieved using the <a href=\"http:\/\/getbootstrap.com\/\">Bootstrap CSS framework<\/a>. Bootstrap is a framework that helps developers build \u201cmobile first\u201d apps with numerous helper classes that perform the adaptation automatically.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this modern era of digital consumption, mobile phones and tablets are an ever increasingly popular way of accessing websites, both at home and on the go. In fact, according to StatCounter, mobile devices now account for a third of internet traffic.<\/p>\n","protected":false},"author":86563,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[931194],"tags":[6502,438],"class_list":["post-102","post","type-post","status-publish","format-standard","hentry","category-engineering-and-design","tag-design","tag-user-interface"],"_links":{"self":[{"href":"https:\/\/blog.soton.ac.uk\/g10\/wp-json\/wp\/v2\/posts\/102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.soton.ac.uk\/g10\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.soton.ac.uk\/g10\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/g10\/wp-json\/wp\/v2\/users\/86563"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/g10\/wp-json\/wp\/v2\/comments?post=102"}],"version-history":[{"count":3,"href":"https:\/\/blog.soton.ac.uk\/g10\/wp-json\/wp\/v2\/posts\/102\/revisions"}],"predecessor-version":[{"id":106,"href":"https:\/\/blog.soton.ac.uk\/g10\/wp-json\/wp\/v2\/posts\/102\/revisions\/106"}],"wp:attachment":[{"href":"https:\/\/blog.soton.ac.uk\/g10\/wp-json\/wp\/v2\/media?parent=102"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/g10\/wp-json\/wp\/v2\/categories?post=102"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/g10\/wp-json\/wp\/v2\/tags?post=102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}