Responsive Web Design

Written by: John | 30th Jun 2014

What is “Responsive Web Design”?

Responsive web design is a web design approach aimed at building sites that provide an optimal viewing experience across a wide range of devices IE mobile phones, tablet & desktop computers. Or in other words, when a user visits a web site they get an easy to read/use version regardless of the device they are using to view the site.

Why does my site need to be responsive?

Mobile internet usage is now greater than desktop usage, and in some cases the amount is staggering. Check here for all the 2019 internet usage stats. Maybe the real question is “Do I need my site to look great in a browser”? But the way I see it, is why not both?

One site for many devices

A great advantage of using the responsive design approach is that exact screen sizes are an unknown, but use of percentages and the @media css tag means a responsive site will adapt to the size of the screen that is being used to view the site. As opposed to the method of having two sites for example, one for desktop and one for mobile.

Also SEO has to be a factor, as a responsive site will only need one set of SEO to be applied. As the content and HTML is the same across all devises. Even search engine giants Google have recommended responsive design as industry best practice.

 

Related Posts

20/10/2016 Web Build

Set Up Sage 8.5 + Git for localhost

Set up Roots Sage on your local host for WordPress development. Open a Terminal and follow the steps below: Step 1: Set up Bit Bucket Step 2: Init Git locally cd /path/to/your/project git init git remote add origin https://your-account@bitbucket.org/your-instance/project-name.git  …
Written by: John
11/07/2014 Web Build

Social Media

How to simply integrate Social Media into your Website Social media integration, add social media to your website to easily keep your viewers up to date with special offers and updates, via a bespoke or standard Twitter feed, Facebook status…
Written by: John
08/07/2014 Web Build

Pixel Perfect Web Builds

Building websites to exactly mirror a graphic designers PSD or other creative document, right down to the last pixel. Not a simple task, but one I have done on a number of occasions. Many things are still left up to the developer in this process: The responsive views, the Java Script functionality & how the CMS is implemented...
Written by: John
02/07/2014 Web Build

Why WordPress?

The key to everything WordPress is the open source factor, because of the open development environment many coders have invested their time developing plugins to do just about, well, everything.
Written by: John
30/06/2014 Web Build

WordPress Themes

Wordpress themes, when to use an "off the shelf" theme or build bespoke. Both have advantages and disadvantages, I take a closer look here, to try to help determine which approach could be better for you.
Written by: John