File inputs (< input type= "file" />) are the bane of beautiful form design. No rendering engine provides the granular control over their presentation designers desire. This simple, three-part progressive enhancement provides the markup, CSS, and JavaScript to address the long-standing irritation. Before...

Particle Tree recently posted an article describing a technique for styling the HTML button element. For those not familiar, form buttons are notoriously difficult to customize because they render differently across browsers and platforms. The typical solutions are to use the default button style that...

Now, you may have seen similar things on a few websites already, wikipedia certainly makes use of the technique to highlight external links. The astute of you may notice that the ‘external’ link isn’t actually external – think of it more as ‘absolute’. How do we achieve these results...

Replacing standard tooltips is easy: Just include the script on the page, add a stylesheet, select the elements to tooltip and call the tooltip plugin. Delay and tracking Default options mimic the standard behaviour: The tooltip appears after a short delay and stays where it was activated. The delay...

A jQuery plugin that will replace the typical browser tooltip with something a little flashier. * Panel has been redesigned to be “slicker”. * Panel overlaps content instead of “pushing” it. * Images are transparent… and work in IE6! (Thanks to 24Ways for their IE PNG Fix.) This...

It might not seem like it but styling tabular data can be a lot of fun. From a semantic point of view, there are plenty of elements to tie some style into. You have cells, rows, row groups and, of course, the table element itself. Adding CSS to a paragraph just isn’t as exciting. Where do I start?...