I was looking for a solution for flexible elements which remain the aspect ratio when resized. Until now I used some Javascript for resizing the elements. But using the resize event and recalculate the height of an element is some kind of nasty and never felt right. Recently I found a solution in an article from A List Apart and a topic on StackOverflow, which works quite well.

"Where BBC News developers blog about responsive design."

"The 954 most common RGB monitor colors, as defined by several
hundred thousand participants in the xkcd color name survey."

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."

Relative primacy and CSS3 multiple backgrounds intersect to produce infrequently-repeating generated images combined from carefully positioned repeating layers.

"...this guide will allow you to communicate with more creativity and more control..."

Handpicked free fonts for graphic designers with commercial-use licenses.