Mobile Responsive Websites .. 3 points to remember

by Ziuby

A customer is no longer the only one who walks into the shop. A business owner now engages a customer through e-mail, mobile-app, through a website and many other such electronic platforms. These are the result of new Digital World and referred to as E-Commerce. So what is E-Commerce and Mobile Commerce? Has it really impacted our way of shopping so much? 
? Well yes!

Many choose to think of Mobile Commerce as meaning "a retail outlet in your customer’s pocket." The telecom Industries are now providing services at a low price. Because of this and the low costings of Smartphone there are lot of people using Internet through mobile or handheld devices. Mobile Commerce is also known as m-commerce. 

Lets look at a few crucial points to one must focus on when going for Responsiveness

1. Media Queries : Media queries are supported in Internet Explorer(IE) 9+,  firefox 3.5+,  Safari 3+, Opera 7+ as well as on most modern smartphones and other screen based device. Although old version of Internet Explorer (IE) don’t support the media queries. By using media query we can make a responsive website. We can create an external CSS file and add to your website. By using this external file we make a responsive website.

2. Go for Layout and not Device : It is difficult to cover all the devices that are available in the market. The  specification of hardware and display dimensions will differ a lot. The best approach it to write code that keeps the layout responsive. This will ensure that the website will responsive across  different browsers and across different devices.

3. Use Custom Breakpoints :  No two websites will be developed  with the same code so it only makes sense that the media queries written will also differ. In such cases one must go for custom breakpoints. These are pretty straightforward and are written within media queries. For e.g. if a website is looking a bit off at 455px so developer can write something like @media only screen and (max-device-width : 455 px) {  /*Styles */  }  

Developers and Solutions providers are now expected to make Mobile Responsiveness as a standard feature. A conscious effort made to put out such solutions will help to maintain quality of end product.

#ziuby