Spiffy CornersOver 2000 people dugg Spiffy Corners.

What is it? A pure-CSS alternative to Nifty Corners by Greg Johnson.

I found it on WaSP, as Ian Lloyd was lamenting its redundancy and non-standards markup.

What’s wrong with what we have? Nothing. Except like Greg, when I found Nifty Corners, I too was dismayed at yet another js include for something as trivial as rounded corner effects.

Spiffy Corners is a step closer toward optimizing the process, but…

I still think it is up to us to bring together the most important elements:

  1. I should be able to define an id or a class for my DIV and automatically have the corners rounded.

  2. It should work in ALL browsers, on ALL platforms.

  3. It should comply with existing Web Standards.

With Spiffy Corners I may avoid another js include, but now I have another css include.

So, the real question is:

Can we use minimalist javascript to add these important features and still keep it as compact as this pure-css solution?

I think if we utilize a) compact code to begin with, plus b) obfuscation, c) condensation (removal of all comments/whitespace), and possibly even d) mod_gzip we can.

Pending testing in other browsers, I plan on adding this to my Prototype library.