Want to keep the TNW Conference vibe going?? Tickets for TNW2022 are available now >>

The heart of tech

This article was published on March 18, 2011

    Mediaqueri.es: A Gallery of Responsive Web Design

    Mediaqueri.es: A Gallery of Responsive Web Design
    Joel Falconer
    Story by

    Joel Falconer

    Joel Falconer is the Features Editor at TNW. He lives on the Gold Coast, Australia with his wife and three kids and can sometimes be found g Joel Falconer is the Features Editor at TNW. He lives on the Gold Coast, Australia with his wife and three kids and can sometimes be found gaming or consulting. Follow Joel on Twitter.

    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!