A little bit about responsive design
Responsive design is creating websites that work and look the same across all browsers and devices. It has quickly become a large aspect in website development with a rising number of users browsing the internet on their mobiles rather than desktops. For a company, having a responsive website is key to more business.
What does responsive design involve?
For developers responsive design can be quite a big job. In some cases creating a mobile site can take just as long as creating the desktop site.
The standard responsive design should cover the following:
- Google Chrome
- Internet Explorer version 9+
Major Handheld Devices
- iOS (iPhone)
- Samsung Galaxy Tablet
Remember: When creating a mobile site, it must support both Portrait and Landscape orientations.
There are quite a few ways to go about responsive design as a developer. One of the best things to do is use a responsive grid system such as Bootstrap or Foundation, these frameworks make your site flexible across screen sizes, therefore, taking away a lot of the mobile work for you.
Once a responsive framework is used, you may need to implement some CSS Media Queries to add the finishing touches to the mobile version of your site. For more information on CSS Media Queries, please refer to my previous article, Media Queries: A Comprehensive Collection.
Responsive Design Statistics
- The internet research firm ComScore stated that by the end of 2014, mobile users would surpass desktop users. (http://www.businessinsider.com/mobile-will-eclipse-desktop-by-2014-2012-6)
- Over 20% of Google searches are performed on a mobile device. (http://blog.hubspot.com/insiders/why-responsive-web-design)
- In the United States, 25% of internet users only access the internet on a mobile device. (http://blog.hubspot.com/insiders/why-responsive-web-design)
- A recent study by ComScore cites that 55% of social media consumption happens on a mobile device. (http://blog.hubspot.com/insiders/why-responsive-web-design)