Designing for “mobile first” became a mantra some years ago, as mobile devices and phones began overtaking laptops and desktop computers as the primary device used for searching and consuming Internet data. 

The term responsive design was coined regarding websites that were designed to reflow or reformat their content to fit the dimensions of the device screen on which a website was being viewed.

The method was standardize with the introduction of Cascading Style Sheets(CSS) Media Queries, which was introduced in CSS2. Media queries could check the dimensions of a device’s screen, its orientation (portrait or landscape) and its resolution. Web designers would add media queries to their website CSS, to change the behavior or definitions of CSS properties, based a device’s screen dimensions and orientation.

“Mobile first’ design is especially important in regions of the world where the mobile phone is the primary device used to search and consume Internet information. If your website does not take responsive design into consideration, you could potential loose customers, leads and prospects because your website doesn’t adjust its layout to device screen dimensions.

Don’t loose traffic because your website does behave well or look great on a mobile device.

Here are a couple of links to learn more about Responsive Web Design.

Nielson Norman Group – Responsive Web Design and User Experience

How-To-Geek – What is “Responsive Design,” And How Do You Use It?

Similar Posts