Thoughts on web development and technologies by Peter Gasston
The worst rounded corners technique ever
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.
Josh S. [August 2nd, 2007, 9:53 pm; Permalink]
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.
Peter [August 3rd, 2007, 9:57 am; Permalink]
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!