Mediaqueri.es: A Collection of Responsive Web Designs

A gor­geous, and nicely pre­sented, col­lec­tion of web­sites that actively respond to your browser width, includ­ing the Mediaqueri.es, itself. (Giving you a pur­pose­ful UX on any device.)

What is Responsive Web Design?

The term Responsive Web Design was coined by Ethan Marcotte and is the prac­tice of using fluid grids, flex­i­ble images, and media queries to pro­gres­sively enhance a web page for dif­fer­ent view­ing contexts.

What screen res­o­lu­tions do you use while tak­ing screenshots?

Smartphone - 320px

Tablet - 768px

Netbook - 1024px

Desktop - 1600px

It’s worth book­mark­ing for this gem of a yard­stick, alone (men­tioned on their about page).

Goofy URL aside, this is what really great UX Design is about. Lots of hard work and pol­ish by the designer to cre­ate some­thing that just works for the user-no mat­ter what.