A collection of sites that use media queries and responsive web design practices.
CSS
Save bandwidth with webP – soon with fallback!
CodePen
“CodePen is a playground for the front end side of the web. It’s all about inspiration, education, and sharing.”
“Need to build a reduced test case to demonstrate and figure out a bug? CodePen is great for that. Want to show off your latest creation and get feedback from your peers? CodePen is great for that. Want to find example of a particular design pattern for you project? CodePen is great for that.”
Typeplate
“A typographic starter kit encouraging great type on the Web”
Conditional loading of resources with mediaqueries
Patternify
CSS Pattern Generator