Nifty, Curvy, Groovy
Need rounded corners but can’t stand Photoshop? Your choices have grown yet again. First there was Nifty Corners, now there’s curvyCorners. The curvyCorners script was written by Cameron Cooke, and it applies 20-pixel anti-aliased corners to any HTML DIV element. It’s lightweight, easy to implement and it works in all of the major browsers. Cameron hosts the script, documentation, forums, some examples of use and a few other scripted DIV effects on his site — which also shows off some Ajaxy goodness and a tidy design.
Rounded corners can created using a few different methods, but most coders prefer to use either CSS and JavaScript (remember when it was called DHTML?) or small images.
The image route is easy, but you sometimes run into display problems, especially in older versions of IE. The CSS and JavaScript route provides better results, even though a few readers would scoff at anything that uses JavaScript simply for fancy display effects.
But we don’t see anything wrong with dressing up your site with scripts, so we can heartily recommend curvyCorners. Nifty Corners appears to make tighter corners than curvyCorners — Nifty Corners can get the corners down to 5 pixels if you so desire, but curvyCorners seems a little more versatile in other areas, with support for borders and multiple radii values — so try them both and see which one works better with your design.
[link via del.icio.us]
