It essentially indicates that a web site is crafted to use Cascading Style Sheets 3 media queries, an extension of the media rule, with fluid proportion-based grids (which use percentages and EMs instead of pixels), to adapt the layout to the viewing environment, and probably also use flexible images. As a result, users across a broad range of devices and browsers will have access to a single source of content, laid out so as to be easy to read and navigate with a minimum of resizing, panning, and scrolling.

Lib for creating responsive web design

Bootstrap, from Twitter

Simple and flexible HTML, CSS, and Javascript for popular user interface components and interactions.

Test your responsive website

The Responsinator

Examples

24 Excellent Examples of Responsive Web Design | Inspiration

With the ever increasing popularity and wide spread use of mobile devices like the iPhone and iPad, it’s difficult to ignore the fact that websites are being viewed across various screen sizes. And it looks like the days of designing a site for one minimum resolution are almost gone. That’s why “responsive web design” is such a hot topic lately.

Subscribe to Updates

We are Social!

We use cookies to improve your user experience, to enable website functionality, understand the performance of our site, provide social media features, and serve more relevant content to you. If you continue on this website, you will be providing your consent to our use of cookies.