Spiffy Corners has actually been around for a long time, but I’m just now getting my blog setup and I need some content to get it going. It’s really nothing more than a generator for pure CSS rounded corners, but a lot of people have found it incredibly useful. For a long time Youtube mentioned Spiffy Corners in the source code of every page they generated. This latest version includes an improved color picker, a new design and a selectable radii of 3px, 5px or 9px (as of right now they are not integrated yet).
I know this solution is semantically bankrupt and purists loathe it’s very existence, but for many Spiffy Corners is the answer to the anti-aliased css corner question. I’ll post an update when I have the time to update the code to work with the radii, but for now it only outputs 5px corners.
I remember this tool, I think I used it to create my new blog design here http://imsergio.com/newtheme/ .. I haven’t coded it yet though.
Thanks for this great tool! I’ve used it on a new site I’m designing, and I love the ability to add anti-aliased corners without images.
For some reason, though, it doesn’t seem to work on IE7 — I get the left edge, but no background color or right borders. Any ideas why this might be happening? I’m going to play around with it and I’ll report back if I come up with a reason why it’s not displaying correctly. Works great in every other browser I’ve tested it on!
Thanks again,
Arvana
Just wondering how your code figures out the other colors to use in the corners. The colors I chose initially were white (#ffffff) and a green(#72911C) and your code generated 4 more colors to use, which were #F0F4E8, #8CA547, #C2Cf9D, and #95AC54.