Round that Curvy Corner

Are you looking for a way to build a lightweight website with minimal graphics…and do it with rounded corners? You can use the Mozilla specific CSS (-moz-border-radius), but the rounded corners will only appear for Mozilla based browsers. I guess that works if your site only works on Mozilla browsers, but there aren’t really (m)any that do that. While a form of the radius tag will be standard in CSS3, the CSS3 specifications have yet to be finalized, let alone implemented by browsers. And don’t expect IE to support much of the CSS3 standard…until CSS4 comes out.

Your search for a non-graphics rounded corner solution that works on all four major browsers (IE, Firefox, Opera, Safari) at this moment in time is over. curvyCorners is a JavaScript-based solution that looks really nice. They have two examples for your viewing pleasure. One of the features that I think is really nice is the ability to do rounded borders. In some news from the developer of curvyCorners:

curvyCorners 1.3 is now officially dead. I was going to try and fix all the problems and add enhancements, but I have now decided to write the script from the ground up and version it 2.0.

I’m excited to see the improvements that come from the complete rebuilding.