Header

2013 -The Year of Responsive Web Design

responsive-web-designSome trends come and go. Others gather momentum and become stronger with time.


I see 2013 as the year when different forces came together to make responsive web design the ideal choice for many business websites.


At one time a standalone mobile site - a second, simplified version of your main website, was a good choice. It was a practical solution given the network speeds and the browser and smartphone capabilities of the time.

12 to 18 months ago responsive web design, typified by fluid layouts with images and text which resize to match the window size, was a promising idea. You could combine a regular site and a standalone mobile site into a single website which could, in theory, work on any device. In practice however there were many drawbacks. During 2013 some key bits of the puzzle have come together to tip the balance in favour of responsive design over many of the other options. 

Browsers have caught up. Essentially all modern browsers can now understand the CSS or code behind responsive design, and network speeds continue to improve. Faster connections mean you don't have to remove valuable content for mobile users.

As we've become a multi-screen world -- people use multiple devices, smartphones, tablets and laptops in different contexts -- having a single responsive site is a bonus because with responsive design it's much easier to present a consistent image. If visitors do a quick smartphone search while travelling for example, and later do more in-depth reading on a tablet or laptop, they are experiencing consistent design and content.

Maintaining a single responsive site is much easier than keeping both a desktop and standalone mobile site current, and having to guess the screensize of the next tablet or smartphone is no longer an issue in design decisions. 

Google recently posted in the web developers section of their site that when possible, webmasters should "follow the industry best practice of using responsive web design, namely serving the same HTML for all devices". Independent software developers are now on board and there is a wide selection of responsive plugins and extensions.

It seems clear that responsive design will be here for the long term, and that it is now an optimal choice for many types of websites.
 

Test Internet Explorer and…

Cross-browser testing on Mac OSX: Emulate Internet Explorer, Android and Window phones…

Track WordPress Contact Form…

How to Track WordPress Contact Form 7 (CF7) form submission with Google Tag Manager (GTM)…

Configure MX for a subdomain…

How to Configure MX records for a subdomain on ProtonMail If you are configuring a…

Joomla error "1030 - Got…

Joomla error "1030 - Got error 28 from storage engine" If you get this Joomla 1030 error…

Sublime shortcut to wrap…

Sublime shortcut to wrap selected text in a tag This is a super-useful Sublime shortcut…

How to enable GA enhanced…

How to enable GA enhanced link attribution in GTM Enabling enhanced link attribution in…

Optimising images and…

Optimising images and reducing file sizes It's sometimes difficult to create fast loading…

How to fix microdata or…

How to fix microdata or structured data errors in Joomla Microdata or Structured Data was…

Joomla error 500 - Unable to…

Joomla error 500 - Unable to load renderer class If you get a Joomla error 500 - Unable…

Using system font stack for a…

Using system font stack for a website This is an interesting idea that I'm seeing more…

How to open winmail.dat files…

How to open winmail.dat files on Mac OSX If you are on Mac OSX, you may occasionally…

CSS wildcard selectors with…

How to use wildcard CSS selectors with LESS If you are using LESS and need to use a…

How to fix a missing Admin…

How to fix a missing Admin Toolbar at the top of a WordPress page Working on an a…

How to add a CiviCRM…

How to add a CiviCRM extension to Joomla As you probably know, CiviCRM comes bundled with…

How to configure MailGun and…

How to configure MailGun and Google Business Apps in CiviCRM When configuring SMTP mail…

Warning JUser: :_load:…

Joomla Warning JUser: :_load: Unable to load user with ID: 62 If you see a Joomla warning…

How to prevent duplicate URLs…

How to prevent duplicate URLs with sh404SEF If you use sh404SEF and can't solve problems…

What is the 'Itemid' in a…

What is the 'Itemid' in a Joomla URL? If you examine the non-SEF url of a typical page on…

JLIB_APPLICATION_ERROR_COMPONE…

After upgrading from Joomla 3.5 to Joomla 3.6.0 I suddenly got a…

How to Launch Sublime Text…

How to Launch Sublime Text from Terminal or iTerm in OSX I've been working a lot with…

Customise a Joomla template…

How to customise a Joomla template based on article ID Working on a custom Joomla…