Programming codex

The Difference Between Responsive and Mobile Websites? – Part I: Introduction


Having a website that is accessible on a mobile phone and tablet is a growing priority for businesses and organizations who would like to increase visitors to their websites. According to a study performed by Trinity Digital Marketing, there are currently 6 billion mobile subscribers worldwide. 87% of the entire world population are using mobile devices – 1.2 billion of those users are browsing the internet with their mobile devices and 8.49% of all global website visits are performed on mobile devices.

People now have the ability to check emails, read blog posts, look up business location and contact information and perform financing all from their cell phones and tablets and are not necessarily browsing the internet from their desktop computers anymore. This has lead web designers to develop two approaches to mobile-ready web design: Responsive websites and Mobile websites.

What is a Responsive Website?

A responsive website is built to detect the size and resolution of the device you are using and it adjusts the layout of the content and text size to be best suited for viewing on your browsing device.

The responsive elements are built into the cascading style-sheet (css) of your website, with @media queries, you set the website to load a specific set of css rules every time the resolution of the browser changes. For example, you would set a media queries at 1024px and 768px for the iPad tablets -setting specific individual css coding to each resolution. Typically, responsive websites will fluctuate between a 3 column grid (desktop/laptop), to a two column grid (tablets), to a one column grid (for smartphones).

What is a Mobile Website?

A mobile website is a separate website which can be customized in appearance and in content that is specifically designed for mobile devices. How mobile websites work is as follows:

When a user visits your website on a mobile phone, the website runs a program to detect whether or not the website is being looked at on a tablet, mobile phone or computer. If the program detects that any mobile device is being used, it will redirect that user to the “mobile version” of the site before reaching the full version website, and users have the benefit of browsing a mobile-friendly version of your website – most mobile websites allow for users to switch between the mobile version and the full-site version upon their discretion.

Next in the series, the Pros and Cons of both a Responsive website and a Mobile website!

Do you have a favorite mobile website?

What kind of mobile website is it, responsive or stand alone mobile?


Source by David James Allen

Share on facebook
Share on google
Share on twitter
Share on linkedin
Share on pinterest
Share on whatsapp

Leave a comment

Your email address will not be published. Required fields are marked *



Recent Posts