{"id":1203,"date":"2014-06-23T11:11:19","date_gmt":"2014-06-23T10:11:19","guid":{"rendered":"https:\/\/www.bronco.co.uk\/our-ideas\/?p=1203"},"modified":"2020-07-07T12:38:43","modified_gmt":"2020-07-07T11:38:43","slug":"making-responsive-websites-easier-to-understand","status":"publish","type":"post","link":"https:\/\/www.bronco.co.uk\/our-ideas\/making-responsive-websites-easier-to-understand\/","title":{"rendered":"Making responsive websites easier to understand"},"content":{"rendered":"

Update : The resource mentioned in this post is no longer available. We have chosen to retain this article but remove any inactive links.<\/p>\n

Blank faces. This is the response you’ll receive when you mention responsive web design to some clients. In the web community it\u2019s an understood term, one we could talk about for hours but for clients it doesn\u2019t really explain what it is within the term itself nor is it always so easy to explain.<\/p>\n

You can try and simplify it by saying it’s about creating a fluid website that adjusts to the screen size of the user. But this doesn\u2019t go into the speed implications or the advantages and disadvantages of this technique over separate websites or native applications.<\/p>\n

We can try and explain all this to our clients but the starting point has to be understanding that a responsive website is about delivering a single, optimised website for any screen size. It\u2019s something that they can easily observe.<\/p>\n

Make it Visual<\/h2>\n

Up until recently we didn\u2019t go into all that much detail about responsive web design on our website. It would need a page of its own to just scratch the surface; so we built one<\/a>.<\/p>\n

\"responsive\"<\/a>
Our Responsive Preview<\/figcaption><\/figure>\n

We’ve not exactly done anything revolutionary here, we try to explain what Responsive Web Design is, what benefits it provides and also show some of our existing responsive clients. But the main goal for this page was to try and show visually what a responsive website looks like, without the user needing to mess around with multiple devices or the width of their browser.<\/p>\n

So we created a small preview of five devices sizes that animate to show how a website alters between different screen sizes. Sometimes these changes are subtle whilst jumping down to mobile sizes can result in a big change to the layout.<\/p>\n

The preview isn\u2019t perfect but it tries to show prospective clients the fluidity of a responsive website and how the website design changes. It doesn\u2019t explain everything but it starts a conversation and also gives users a solution to the question of having a mobile friendly website; something most clients are now becoming more aware of.<\/p>\n

The Next Step<\/h2>\n

Rather than show just one responsive website why not let users test their own website to see if it\u2019s responsive or if not how it survives on different devices. We created a more tailored page dedicated to this task.
\nBut there are limitations to the page. The first being that some website such as google can\u2019t be tested. They actively block their website from being visible in iframes on different domains. Instead we simply get a black screen. It\u2019s a shame but I don\u2019t think this page is really aimed at Google.<\/p>\n

Secondly there are some technical limitations that result in us displaying this screen\u2026<\/p>\n

\"responsive-no-support\"<\/a>
No Support Screen<\/figcaption><\/figure>\n

We hate restricting access to webpages due to these kinds of things but the biggest issue is displaying the desktop preview on small screen sizes where it just won\u2019t fit.<\/p>\n

To find out more about responsive design either go to our services page<\/a> or get in touch<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

Update : The resource mentioned in this post is no longer available. We have chosen to retain this article but remove any inactive links. Blank faces. This is the response you’ll receive when you mention responsive web design to some clients. In the web community it\u2019s an understood term, one we could talk about for […]<\/p>\n","protected":false},"author":2,"featured_media":1213,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2],"class_list":["post-1203","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-and-ux"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.bronco.co.uk\/our-ideas\/wp-json\/wp\/v2\/posts\/1203","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bronco.co.uk\/our-ideas\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bronco.co.uk\/our-ideas\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bronco.co.uk\/our-ideas\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bronco.co.uk\/our-ideas\/wp-json\/wp\/v2\/comments?post=1203"}],"version-history":[{"count":0,"href":"https:\/\/www.bronco.co.uk\/our-ideas\/wp-json\/wp\/v2\/posts\/1203\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bronco.co.uk\/our-ideas\/wp-json\/wp\/v2\/media\/1213"}],"wp:attachment":[{"href":"https:\/\/www.bronco.co.uk\/our-ideas\/wp-json\/wp\/v2\/media?parent=1203"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bronco.co.uk\/our-ideas\/wp-json\/wp\/v2\/categories?post=1203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}