Mobile devices such as smart phones and tablets are changing the way everyone interact with content and online services. So the question arises, what are my options in creating a mobile presence?
The four main options can be put into the categories of: Responsive website, native application, web application and hybrid application.
A responsive website is one that adapts to whatever device it is being viewed on. Whether that is a desktop computer, tablet or smart phone, the same website will display the same content using a visual design most suited to that device. Though many responsive websites will ‘hide’ content if it is deemed too much to display on a small mobile device (smart phone).
Just using display: none to hide content can affect performance, accessibility and can harm SEO. A better way, developed by Jonathan Snook is the following:
position: absolute !important;
height: 1px; width: 1px;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);