If you're looking to display a simple key/value list, such as a list of user's contact information, a table might be overkill. I'd suggest the…
CSS borders taller than text
This morning I finally cracked a CSS mystery that has stumped me since I began using CSS! The solution, so obvious. A little background: Inline…
Counter styling with CSS
Key ingredients Background image, like the above Fixed-width font, like Courier CSS letter-spacing property Ability to zero-pad numbers with your server-side language The HTML <div…
Use CSS to get the 2nd, 3rd, 4th element
There are times where it would be great to apply a given style to the 2nd, 3rd, 4th, etc. element of a parent. This is…
Play button on video thumbnails
Here’s a quick method to add a play button to video thumbnails. This is useful when you generate dynamic thumbnails for videos, or grab them…
Browser won’t read dynamic css file
Occasionally you find the need throw some dynamic information into your CSS file. This usually entails giving your CSS file an extension that will force…
Page specific CSS
One major decision when it comes to performance optimizing your site is how to merge your CSS files, if at all. Let's say that you…
Clever way to style radio input labels?
I've you haven't guessed by reading my other posts, I'm a huge fan of extremely minimal markup. It's just plain easier to update. I have…
CSS Sprites – the elegant way
I was trying to come up with a way to use image sprites for background images, without needing to specify a ton of class names.…
Table background on alternate rows
3 ways to do this: jQuery #1 $('table tr:even').addClass('even'); jQuery #2 $('table tr:even').css('background-color', '#eee'); Background Image If you are certain that all table rows will…