Last time we tackled the notion of Responsive Web Design. But what exactly does this term mean? Well, Responsive Web Design or RWD is a special approach to building quality websites. The goal is to provide the end user with an optimal viewing experience on multiple devices.
RWD grants users extremely easy reading and navigation on mobile phones, tablets, PC monitors and so on with a minimum of resizing, panning, and scrolling. Basically, a RWD website adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, CSS3 queries and other new technologies.
Let’s see how these work in practice. A fluid grid calls for page element sizing to be in relative units like percentages, rather than absolute units like pixels. The flexible images use relative sizing too, to prevent display outside their containing element. The media queries let the page use different CSS style rules. These are based on the properties of the device the site is shown on and most commonly on the width of the browser.
Although Responsive Web Design can be regarded as a next get type of web technology, it is growing exponentially these days. More and more sites and web applications use this versatile design. Apart from rendering the website optimally on a wide range of devices and browsers, advantages of the new RWD ‘trend’ are many, but we’ll talk about them in the next post.