If you're using gradients within your CSS, you may have encountered an issue with colors in IE. The problem is that the filter parameters don't…
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 &…
Simple jQuery Tabbed Content
Goal: Produce a simple, small script which gracefully degrades without JavaScript. Note: The HTML below is pulled from a Zope Page Template (with embedded Python),…
IE 9 crashing – css hover
So, after many hours assuming that Internet Explorer 9 was crashing due to a piece of JavaScript in one of our sites, we were astonished…
CSS line-height – word wrap vs. line break
I've noticed something about the CSS line-height property that surprises me a little bit. If you supply a line-height of say, 1.5 em, to a…
CSS text stroke
While webkit browsers have native CSS support for text stroke, you'll have better cross-browser compatibility if you use the text-shadow style appropriately. The following CSS…
IE 7 z-index bug – drop-down menus
If you've struggled to figure out why your drop down menus are showing behind other content, you may have come across the IE 7 z-index…
Clear both puts content below all floated content
If you have a left-floated navigation bar, and a main content column, you may notice that when "clear: both;" any content within the main content…
jQuery search term highlighting
Highlighting keywords from a search can be done on the server-side, by using your development languages string replace functions, but this can add complexity to…
Apply style to a specific table column – using minimal markup
If you wish to apply a certain CSS style to, say, all rows in the 4th column of a table, you might think assigning a…