Mediaqueri.es: A Gallery of Responsive Web Design

Mediaqueri.es: A Gallery of Responsive Web Design

Mediaqueri.es is a gallery of sites that use media queries for responsive web design. If you’re looking to give your next web project some flexibility, it’s worth trawling through the listings for inspiration.

Media queries are a feature of CSS3 that checks for certain conditions such as the user’s browser window size and screen resolution and gives the designer the ability to adapt the design to those conditions as necessary.

For instance, media queries have become a popular way of creating designs for both the desktop and mobile without creating two separate sites, or simply allowing designers to make use of extra screen real estate for those users who have it.

What are your favorite showcases of media queries in action? Tell us in the comments!

Read next: Webcolorizer helps you test color variations for your site

Here's some more distraction

Comments