And another one I couldn’t pass up, this time it’s CSS-Tricks, a web design community with code snippets (not just CSS), forums and videos.

Haven’t posted any good CSS or jQuery tutes in a while, but this was a really fun site that I had to share.

I’ve been meaning to post this for a while. Using no JavaScript and just pure CSS, Román Cortés was able to create a rotating Coke can.

He figured out that “by a combination of the CSS1 properties background-attachment and background-position, 2D displacement maps could be created and, by scrolling, the displacement map would be applied to different parts of the texture (a background image).”

Nice little grid creator for CSS grids. You choose the number of columns, column width, and gutter width and it does the rest. You even get a neat little html page outlining the different blocks on the page.

OK, don’t judge my exorbitant amount of open tabs (or their content…the myspace one is for karaoke! i swear!), but holy crap is this thing useful! For any coders out there who have trouble figuring out dimensions for CSS, it’s similar to the ruler tool in Photoshop. Just put it in your bookmarks bar and you’re set!