Inspiring Collection of Responsive Web Designs
Looking into modern web designs in 2013, many designers and developers are starting to venture into web coding standards of Responsive Web.
What is Responsive Web Design?
Responsive web design [highlight color=”#000″ bgcolor=”#eee”](often abbreviated to RWD)[/highlight] is an approach to web design in which a site is crafted to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones).
A site designed with [highlight color=”#000″ bgcolor=”#eee”]RWD[/highlight] uses CSS3 media queries, an extension of the @media rule, to adapt the layout to the viewing environment—along with fluid proportion-based grids and flexible images.
– RWD Explanation taken from wiki
Example of Modern Responsive Web Designs
Above are only some examples from millions of adapted responsive web designs, when visiting a site, try resizing your browser to 1024px, 768px, and 468px and see the media query or responsive js kick in and show how the site will look in mobile view.
Also some reads on Responsive Web Designs