Mobile Friendly Web Design

Is Your Website Mobile Friendly?

What is a Mobile Friendly Website?

• Web definitions – The mobile web refers to access to the world wide web, i.e. the use of browser-based Internet services, from a handheld mobile device, such as a smartphone or a feature phone, connected to a mobile network or other wireless network. …http://en.wikipedia.org/wiki/Mobile-Friendly_website

Ways To Check Mobile Compatibility

• A quick way to check is take a look at your website on a smart phone or tablet.
• Minimize the size of your browser to the screen size of a tablet or cell phone.
• Looking for a technically analysis visit http://validator.w3.org/mobile/
• See your website on Apple iPad, iPhone 4, and iPhone 5 http://ipadpeek.com/

How to Make a Website Mobile Compatible

• Separate Coding for Mobile
• Responsive Web Design
• Mobile App

Separate Coding for Mobile

A mobilized website may share some content as a desktop website, but will have a lot of its own code — and is likely to present at the browser with a slightly different URL, like “m.2xsales.com” or “mobi.2xsales.com”. For companies with both desktop and mobilized websites, the code may detect the user’s device, and either automatically switch to the appropriate site or offer a choice.

Responsive Web Design

Responsive design is a more affordable solution that uses CSS (Cascading Style Sheets)  to create a single version of the website that automatically adjusts to display properly on all devices; desktop, laptop, tablet, and smart phone.

Mobile App

A mobile app resides on the device, and doesn’t require Internet access to run (although it may require Internet access to perform most tasks). Mobile app code may be native code, written (or generated) for each mobile platform (Android, iOS, Windows, etc.), or it can be HTML, CSS, and JavaScript wrapped in an “app shell” using a tool like PhoneGap or PropertyCross — or a combination of these approaches.

Short List of App Tools: