Comments on: Creating rounded corners (the “Deviant art’s” way)

By: Ashok

Ashok — Sun, 17 Jan 2010 09:02:17 +0000

I like this use. but have the rounded corner property in css3.0. but thing is not working in IE

By: Igor18

Igor18 — Sat, 29 Aug 2009 19:41:36 +0000

indeed!

By: Igor17

Igor17 — Thu, 27 Aug 2009 06:58:05 +0000

I think just the same, keep trying!

By: website design stoke

website design stoke — Sun, 26 Jul 2009 16:57:22 +0000

The sooner the world realis IE6 needs 5 bullets through its head for good measure (need to make sure the bugger is dead) and u[grade to ie7 and hopefully ie8 the better it is for the creative minds out there.

By: Web Standards Developer

Web Standards Developer — Mon, 13 Jul 2009 17:31:16 +0000

Well i have seen so many of these rounded corner options but im not sure there really is any reason for designs to use them. I personally dont like them as everything become box designs and i find them to controlled to use and not pretty at all.

Of course they are useful in some parts of a website but its up to us all to design somethig pretty and as always “less is more”

By: links for 2009-07-06 | Webデザインのリンク集 Webデザインポータルサイト S5-Style

links for 2009-07-06 | Webデザインのリンク集 Webデザインポータルサイト S5-Style — Mon, 06 Jul 2009 16:02:37 +0000

[...] Creating rounded corners (the “Deviant art’s” way) « The CSS Blog, just CSS. (Tips, Tricks, T… [...]

By: Tom

Tom — Mon, 06 Jul 2009 14:35:03 +0000

This way is not so good with js disabled. You should use JavaScript to add the un-semantic code on page load, not to remove it.

Anyway border-radius should be supported by every browser… I definitely hate IE.

By: Nacho

Nacho — Mon, 06 Jul 2009 01:57:53 +0000

Hi Lars. Maybe you want to checkout an article of mine with another cool way to do it: http://cssglobe.com/post/3714/css-sprites-rounded-corners

That definetely has no rendering issues

By: Lars W

Lars W — Mon, 06 Jul 2009 00:31:04 +0000

I like this use, but can you tell me if it’s better or worse than this method I use for roundies…

http://www.dillerdesign.com/experiment/DD_roundies/

The downside I have with the method I linked above is it doesn’t work with some other scripts that I run on sites occasionally, but for the most part, its fairly bullet proof, even on IE6. I also notice a fair amount of pixlation using your method, which would make sense since you’re using current CSS to render…but it’s still slightly less attractive than the smoothed corners DD_Roundies produces. Any comments are appreciated!

By: Ricardo Zea

Ricardo Zea — Sun, 05 Jul 2009 18:24:30 +0000

If you care about the user’s experience, then you should not bloat the HTML of your pages, hence, pages will take longer to download for your users.

Also, the two JavaScript solutions I mentioned use WAY less code than your solution. Go on, give them a try.

“I also prefer having my work W3C valid.”–> Good point, using vendor specific properties is not standard.

That’s why I typed: border-radius: 5px; /*This is the CSS3 rule*/, so the day all the browsers support the CSS3 border-radius property, all you have to do is delete the vendor specific rules.

“…but CSS3 is not fully here yet.”–>Oh, CSS3 is ‘more’ here than you think.

“…but CSS3 is not fully here yet.”–> So? Just because is not released yet doesn’t mean you’re banned or prohibited from using it or it makes you a ‘non-standards’ compliant designer/developer… at all. You’d be actually helping the web be more standards compliant by pushing the use of CSS3.

Your loved Firefox, Safari, Chrome or Opera (I know you use one of these since you are worried about being W3C compliant) support MANY CSS3 rules that you can take advantage of. Go ahead, help the web, help push the envelope of standards.

Just because a box doesn’t show rounded corners in IE.x while it does in every other browser, doesn’t mean your user’s experience is SOOOO different… at all.

But, I guess not being opened minded to push standards compliant designs and websites is scary. Nah, no need to.

Later Ignacio.