[jQuery] Bullet Proof: Help needed
Hi
I've been working on a (yet another) curved corners plugin. This one
is slightly different though, because it uses a bullet (actually an
inverse bullet) to achieve the coners.
Using a bullet has several features
* Super dooper fast. I tried adding 3600 corners and it did it in less
than 2000ms on firefox.
* Very little extra html is added.
* No changes to the layout
* antialiased for free
* can support radius and borders up to 30px
* no change in speed for larger borders
You can see it in action here
http://www.parkerfox.co.uk/tmp/bullet_proof/
Note it's only perfect(ish) for Firefox/Ubuntu and Firefox/XP and IE6/
XP. IE7 and Vista are not too bad but I haven't calibrated them.
However, and the however is farily large, I've found that there are
differences in the way in which each broswer/OS combo renders the
fonts. In fact each radius requires pain-staking pixel perfect
calibration.
I am also concerned that there maybe too many possibilities and/or
there may be some unknown cases where it's not appropriate.
It also results in a fairly large geometry file. The way round this
might be to cut it down production since you are unlikely to need all
radii from 1 to 30).
I'd appreciate people's feedback and maybe someone has a cunning idea
to deal with the problems. Also I don't have access to many OS/Browser
combos, so please try it out and if you could email me a screeny that
would be fantastic.
weepy