DD_roundies - DD_roundies. Another (better?) round-corner HTML box concept. [CSS Beauty]
DD Roundies is a jQuery plug-in that uses Vector Markup Language (VML) [which] is an XML language used to produce vector graphics. It's really nifty - and is just a better implemenetation rather than using "traditional" ways of making corners ala with a corner image file and css, or using a model that does not render the corners before the div is displayed.
I found this plug-in to be fantastic, but of course IE7 does not render thing properly, if you are repositioning elements with CSS, and maybe some other I have not noticed yet. I believe these are more CSS issues (I'm not declaring something properly I think) - but IE can be such a pain on things like this - firefox & Safari just rendered all this away no problem.
Firefox 3
Internet Explorer 7
Safari 3
So, in conclusion - defintely use this on newer broswers - it is by and far the best I have seen. however, you may need to be very careful in your CSS declarations in order for this to play nice in IE.
Comments
You can use DD_roundies with Gecko and Webkit browsers....
If you read this:
http://dillerdesign.com/experiment/DD_roundies/#usage
You'll see that you can supply a third optional argument to .addRule(), which spits out relevant styles for Firefox, Safari, etc. (not Opera, look up SVG_roundies for that)
Basically I added the third option for laziness!
Version 0.0.3a will use additional syntax if desired, in case you for some reason need to disable stuff in IE: .addRule( '.some_class', '10px', {css: true, vml: false} );
Ah yes, my bad!
I was looking @ DD Roundies through the Jquery UI and found this http://www.filamentgroup.com/lab/achieving_rounded_corners_in_internet_e...
So, I thought it definitely was a Jquery plugin - not so! Thanks for pointing that out! Sloppy blogging on my part.
I'm always on the hunt for a cross-browser solution, so I don't have to mess around with coding corners for IE, so I think I looked over this for like a second, but I'm pretty much over rounded corners, because of cross browser issues, etc.
I try to avoid rounded corners at all costs, but hey people love em. I'm always trying to find a good solution - if you have one definitely post it here!
Knowledge is power.
?? Not a jQuery plugin
First of all, DD Roundies has NOTHING to do with jQuery at all.
Second, why would someone even consider using it with FF or Safari? They both have border-radius equivalents. -moz-border-radius and -webkit-border-radius
It only does the vml in IE, for the other browsers it just uses their native css.
So the only use it has is IE7. I've run lots of tests with it in IE6/IE7 and it's the only thing I've found that works beautifully. Even in animating rounded divs with multiple border radius sizes and border thicknesses.
Post new comment