Looking into modern web designs in 2013, many designer and developer are starting venture into web coding standard of Responsive Web.
What is Responsive Web Design?
Responsive web design (often abbreviated to RWD) 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 RWD 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
Mashable
image from mashable.com
BBC
BBC responsive screenshot
Disney
Disney Responsive Screenshot
Time
Time.com Responsive Screenshot
An Event Apart
An Event Apart Mobile Example
StarBuck
Coffee lover sure love this
Microsoft
New Microsoft Logo and Responsive Web
Smashing Magazine
rocking smashing magazine responsive
WordPress
responsive yet simple
MagPress
or course last but not least, Magpress site itself
Above are only some example from millions of adapted responsive web designs, when visiting a site, try resize 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
If you’re looking for more Free Responsive WordPress Theme, Check out our HTML5/CSS3 Responsive Themes Collections