CSS only gradient scrollability hints on tables wider than their containers

"Responsive elements makes it possible for any element to adapt and respond to the area they occupy. It's a tiny javascript library that you can drop into your projects today."

A very clever use of CSS styling for checked radio buttons permitting a CSS only slide show. Bonus points for including a parallax scrolling effect.

「Writing modular code is about making small objects, and making them self-contained. Media queries don’t let you do that. In most cases, you don’t actually care about the width of the entire document (or screen), you care about the width of your element.」

Not mentioned in the article (that I saw) is the possibility of base64 encoding your tiny SVG gradient and pasting it directly into the CSS... works in Firefox 13 and in IE9, didn't test in older versions.

"Nerdi is an attempt to organize and make useful the tons of great web design and development utilities that are out there on the web."

Outlines the use of SVG as a more flexible, simpler, more reliable alternative to CSS gradients.