🍪 Cookies Disclosure: This site contains affiliate links for which I may be compensated

Responsive Web Design

Responsive Web design is a design method which aims to make Webpages best fit (respond) to the device's resolution and orientation. The challenge is to make things readable and usable and widely compatible.

This web page has a responsive design and it's 100% automatic. The web browser determines which configurations to use, to best fit the device size. Text needs enlarging, images need scaling, navigation menus and just about every element on web page has a different layout for a mobile phone compared to a full size HD screen having 4K resolution.

Some vendors have made up their own non-standard specifications, which are slowly being phased out. We aim to support modern devices but no longer support older Microsoft Internet Explorer Browsers which pre-date HTML5 and CSS3.

If you have any doubts about how important it is to provide a responsive mobile phone website, take a look at our traffic stats from Google search. We've seen a huge turnaround over the years. Now desktop computers (PC / Mac) only represent 21% of all Google searches.

Mobile Phone Web Visitors Represents 72%

Web Traffic by Device Type - 2017

This is how a responsive design website renders the page for Mobile, Tablet and Monitor.

Responsive Web Design Example: Monitor, Tablet, Mobile Phone

Looking back 2-3 years ago, most websites had an App, a mobile site (www.m.example.com) and a full version (www.example.com) of their website. This is three times the amount of work and arguably more of nuisance to visitors.

It is necessary for online businesses in competitive verticals to keep up -- or be left behind. The current lifecycle of a Website is relatively short. Expect 1-2 years before for a full redesign, often a change of hosting as well. Small businesses tend to grow fast after launching a better website.

Google has been at the forefront of making mobile browsing faster for everyone. Accelerated Mobile Pages - AMP, is a method Google deploys to serve up micro versions of webpages with no adverts, no external scripts and other performance blockers removed.

Surprisingly, not all of the most popular websites have made the transition to CSS3, media queries and responsive design.

Facebook's latest redesign with a thin central column appears to be for mobile phones users only. Facebook's Website is not responsive designed. Browsing Facebook with a 22" monitor the media and content looks uncomfortably squashed. Images have been enlarged and others have been cropped. Generally Facebook has became very slow, often crashing and now seems to require a top end powerful CPU. Given that the Internet hasn't changed since Windows 1995, and downloading is the same principal, this raises a lot of questions.

See example links: Lush Web Designs on Facebook - Static Mobile Site

Facebook Mobile Website with Static Design