Currently working on a new design that is allowing me to fully embrace the ideals of mobile first, stay fluid, be responsive, and generally the scop of building a better website. I'm this opportunity to put in to practice many of the excellent techniques I've learned and played with after reading great books and a wealth of interesting articles but have yet to combine in their entirety in a real world project.
Despite being a 'real world project' I do like to experiment and test along the way, I'd liken it to sketching my front-end dev ideas. My recent study is to find a solid technique for placing fluid images on a layout with a strict vertical rhythm. The image "max-width: 100%;" technique is mind blowingly flexible, but at times when implemented can knock surrounding content out of the baseline grid. Here's the current progress of my study to find a solution:[ Please note that this is just a work in progress study and has not been tested over multiple browsers or platform ]
Clever n' Quick wallpaper resource by Richard Baird for The Designers Survival Guide.