Mashable has termed 2013 as the year of responsive web design. According to this article:
- We are in the post-PC era, where PC sales are falling while tablets and smartphones are in popular demand.
- Supporting mobile web is very important because majority of the users prefer reading content in mobile web versus having a specific app.
- With the plethora of devices that technology consumers interact with today, it is important to design a website in such a way that it is supported in multiple devices. The solution to this is responsive design.
- In short, responsive web design is a term that is used to denote a design approach that aims at designing websites that provides an optimal reading experience across a range of devices, from desktop monitors to mobile phones to tablets, and a range of browsers.
- So, how is this done? Responsive design uses media queries to determine the resolution of the device in which the website is being run and based on that resizes the image and the content.
- The obvious advantage of the responsive design technique is that you need to create the website only once and it works on different devices. This does require planning ahead of time. Understanding the organizational layout, navigation and searching methods across the various device platforms helps to create web designs with the appropriate content and layout that will provide a good user experience across platforms.
Photo credit: Muhammad Rafizeldi, via Wikimedia Commons.