Now this looks super handy.
Done purely with CSS. Nice.
A table showing “the screen specifications of the most popular devices and monitors currently on the market.”
A collection of sites that use media queries and responsive web design practices.
“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.”
“A typographic starter kit encouraging great type on the Web”
CSS Pattern Generator
via @codylindley “A visual way to understand CSS specificity.”
A handy, search-driven CSS reference for properties and values
“A reworking of the first two examples of “The Cicada Principle and Why It Matters to Web Designers” using CSS gradients. “
This page tests “whether today’s browsers will download stylesheets that are referenced with media queries that would not apply on that browser or device.”
Thee appears to be a lot of download overhead with media queries using link elements.
“Collect, test, and experiment with interface pattern pairings of CSS & HTML. Pears is an open source WordPress theme, enabling people like you to get your own pattern library up and running quickly.”
I like this. I like it a lot.