Depending on your circumstances, it may not be straightforward to generate unique or valid id's for your HTML elements. If you are looping over database…
Pure JavaScript / CSS photo cropping tool
If you don't have image manipulation capabilities available on your server, fortunately, you can still implement a basic photo cropping tool using pure CSS &…
SiteKickr adds Markup Validation portlet
Keep your HTML in check with the new Markup Validation portlet.
Checkbox and Radio buttons with the same name – IE 7/8 bug
If you find the need to have radio buttons and checkboxes sharing the same name (which can come in handy to group them into one…
Simplifying HTML markup – pagination
It's tough to argue the advantages of simplifying your HTML markup: Easier for search engines to parse Easier for browsers to render Easier to read,…
Use DLs instead of tables for key / value lists
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…
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…
Clean up paragraph margins with CSS
p { margin: 0; } p + p { margin-top: 1em; } This simple CSS trick will cause only the 2nd and following paragraphs to…