Reading this article listing 25 rounded corners techniques with CSS reminded me of perhaps the worst solution to the problem I ever read: rounded corners without images. 10 <div>‘s and a whacking great chunk of CSS… and the funniest part is the claim that this is the future of rounded corners
. What makes the laughter die a little is that three years later there’s still no pure CSS cross-browser solution without images.
At the time it was the best CSS-only rounded corners method available. I’m sure it could have been slimmed, but it wasn’t bad for a first try. It was really an experiment and appeal for someone to help refine it, not something that was meant to be used in any live environment.
I agree there should be an easier way to do this. The CSS3 rounded corner technique will probably work pretty well, but it’ll be a while before it is available on most user’s browsers.
Anyway, while it may or may not be the “worst rounded corners technique ever,” it was only meant to be a CSS/HTML-only rounded corners technique, and I still haven’t seen any method that is much better semantically that doesn’t use images or javascript.
Josh S. [August 2nd, 2007, 9:53 pm]
Hi Josh,
Thanks for the reply. I agree it was an interesting experiment, but perhaps you should have been more explicit in your aims; a lot of your commenters seem keen to get out and use the technique in live environments — and code like this should never be seen in the wild!
Peter [August 3rd, 2007, 9:57 am]