[jQuery] Re: [ANNOUNCE] Cornerz - Bullet Proof Curved Corners using Canvas/VML
Hi On Opera 9.25 the corners of the green titles is not at the right position. Its something like 12 px too much to right and 4px too much down. On the example BORDER: 1 DISPLAY: INLINE the 4 corners seems to be too much inside of the block and should move of 2px approximativelly. weepy wrote: Hi I'd like to announce my latest jQuery plugin. I hope you'll find it useful. FEATURES: # Antialiased # Very Fast # Support for any size radius and border width with minimal performance increase # No excanvas # Current layout is maintained # Works with all tested positions/display/floats # Supports fluid layouts # Original div still shows through, so can easily do hover/background effects # Script is only 4.0k uncompressed Issues # IE6 has some slight problems with the VML in some cases # Mac/Safari doesn't work (Windows Safari is fine) You can see it in action here : http://www.parkerfox.co.uk/cornerz Look forward to your comments Jonah
[jQuery] Re: [ANNOUNCE] Cornerz - Bullet Proof Curved Corners using Canvas/VML
Just a thought: could this be expanded into something like dojox.gfx? Would be awesome! thanks André http://dojotoolkit.org/projects/dojox
[jQuery] Re: [ANNOUNCE] Cornerz - Bullet Proof Curved Corners using Canvas/VML
The xhtml validator cries blood because of the xml tag in the middle of everything. Any nicer way to put that xml tag in and still be certain it works in IE6? (I can't test this myself since I don't have easy access to an emulator or windows computer) On 07/01/2008, weepy [EMAIL PROTECTED] wrote: Hi I'd like to announce my latest jQuery plugin. I hope you'll find it useful. FEATURES: # Antialiased # Very Fast # Support for any size radius and border width with minimal performance increase # No excanvas # Current layout is maintained # Works with all tested positions/display/floats # Supports fluid layouts # Original div still shows through, so can easily do hover/background effects # Script is only 4.0k uncompressed Issues # IE6 has some slight problems with the VML in some cases # Mac/Safari doesn't work (Windows Safari is fine) You can see it in action here : http://www.parkerfox.co.uk/cornerz Look forward to your comments Jonah -- Peter Bengtsson, work www.fry-it.com home www.peterbe.com hobby www.issuetrackerproduct.com
[jQuery] Re: [ANNOUNCE] Cornerz - Bullet Proof Curved Corners using Canvas/VML
Peter Bengtsson schrieb:
The xhtml validator cries blood because of the xml tag in the
middle of everything. Any nicer way to put that xml tag in and
still be certain it works in IE6?
This is simple:
!--[if IE]
stylev\: * { behavior: url(#default#VML);display:inline-block; }/style
xml:namespace ns='urn:schemas-microsoft-com:vml' prefix='v' /xml
![endif]--
@weepy:
Vor what is this DIV??? What hold the Canvas, this is not clear for me?
I have set cornerz on a UL an this is invalid to include in a UL a DIV.
I have replace the DIV with SPAN works also, for wat is this Holder?
This shold working without this holder DIV when the parent is set to
position:relative;
The IE works not perfect :(
--
Viele Grüße, Olaf
---
[EMAIL PROTECTED]
http://olaf-bosch.de
www.akitafreund.de
---
[jQuery] Re: [ANNOUNCE] Cornerz - Bullet Proof Curved Corners using Canvas/VML
The IE works not perfect :(
What problems are you having specifically? I know there is a subpixel
rendering problem.
The element itself holds the canvas or VML. It can be whatever you
want - whether it's invalid xml or not.
No plans for expansion. I like to keep things lean and mean : ) -
Though I do have a secret sister plugin coming ...
On Jan 8, 12:12 pm, Olaf Bosch [EMAIL PROTECTED] wrote:
Peter Bengtsson schrieb:
The xhtml validator cries blood because of the xml tag in the
middle of everything. Any nicer way to put that xml tag in and
still be certain it works in IE6?
This is simple:
!--[if IE]
stylev\: * { behavior: url(#default#VML);display:inline-block; }/style
xml:namespace ns='urn:schemas-microsoft-com:vml' prefix='v' /xml
![endif]--
@weepy:
Vor what is this DIV??? What hold the Canvas, this is not clear for me?
I have set cornerz on a UL an this is invalid to include in a UL a DIV.
I have replace the DIV with SPAN works also, for wat is this Holder?
This shold working without this holder DIV when the parent is set to
position:relative;
--
Viele Grüße, Olaf
---
[EMAIL PROTECTED]://olaf-bosch.dewww.akitafreund.de
---
[jQuery] Re: [ANNOUNCE] Cornerz - Bullet Proof Curved Corners using Canvas/VML
The xhtml validator cries blood because of the xml tag in the middle of everything. Any nicer way to put that xml tag in and still be certain it works in IE6? I plan to put this into the plugin itself, which would sidestep this problem
[jQuery] Re: [ANNOUNCE] Cornerz - Bullet Proof Curved Corners using Canvas/VML
Your choice of colors aside, this plugin looks fantastic! Very smooth. If this had gradients and drop shadows, I could replace my photoshop guy with it :) --Erik On 1/7/08, weepy [EMAIL PROTECTED] wrote: Hi I'd like to announce my latest jQuery plugin. I hope you'll find it useful. FEATURES: # Antialiased # Very Fast # Support for any size radius and border width with minimal performance increase # No excanvas # Current layout is maintained # Works with all tested positions/display/floats # Supports fluid layouts # Original div still shows through, so can easily do hover/background effects # Script is only 4.0k uncompressed Issues # IE6 has some slight problems with the VML in some cases # Mac/Safari doesn't work (Windows Safari is fine) You can see it in action here : http://www.parkerfox.co.uk/cornerz Look forward to your comments Jonah
[jQuery] Re: [ANNOUNCE] Cornerz - Bullet Proof Curved Corners using Canvas/VML
weepy schrieb:
The IE works not perfect :(
What problems are you having specifically? I know there is a subpixel
rendering problem.
I make a Screen, I work offline:
http://olaf-bosch.de/bugs/jquery/cornerz.gif
The element itself holds the canvas or VML. It can be whatever you
want - whether it's invalid xml or not.
Yes i understand this fact. I say it does not need. ;)
Give the parent element position:relative; and the cornerz working true,
see:
$('#bla').cornerz();
div id=bla style=position:relative;
CONTENTCONTENT
CANVAS
CANVAS
CANVAS
CANVAS
/div
For what will you make this:
div id=bla style=position:relative;
CONTENTCONTENT
div style=display:inherite
CANVAS
CANVAS
CANVAS
CANVAS
/div
/div
I forget, thank you for this fine Plugin :)
--
Viele Grüße, Olaf
---
[EMAIL PROTECTED]
http://olaf-bosch.de
http://ohorn.info
www.akitafreund.de
---
[jQuery] Re: [ANNOUNCE] Cornerz - Bullet Proof Curved Corners using Canvas/VML
You could probably simulate a drop shadow with some creative HTML. _ From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Erik Beeson Sent: Tuesday, January 08, 2008 8:19 AM To: jquery-en@googlegroups.com Subject: [jQuery] Re: [ANNOUNCE] Cornerz - Bullet Proof Curved Corners using Canvas/VML Your choice of colors aside, this plugin looks fantastic! Very smooth. If this had gradients and drop shadows, I could replace my photoshop guy with it :) --Erik On 1/7/08, weepy [EMAIL PROTECTED] wrote: Hi I'd like to announce my latest jQuery plugin. I hope you'll find it useful. FEATURES: # Antialiased # Very Fast # Support for any size radius and border width with minimal performance increase # No excanvas # Current layout is maintained # Works with all tested positions/display/floats # Supports fluid layouts # Original div still shows through, so can easily do hover/background effects # Script is only 4.0k uncompressed Issues # IE6 has some slight problems with the VML in some cases # Mac/Safari doesn't work (Windows Safari is fine) You can see it in action here : http://www.parkerfox.co.uk/cornerz Look forward to your comments Jonah
[jQuery] Re: [ANNOUNCE] Cornerz - Bullet Proof Curved Corners using Canvas/VML
div id=bla style=position:relative;
CONTENTCONTENT
CANVAS
CANVAS
CANVAS
CANVAS
/div
Good point. The only reason i was doing this was because I wanted to
pass the corners back as a return value. I'm not sure you can do with
without a parent container. The problem with IE goes away if u change
the width or height by 1px - not sure what is causing this !
If this had gradients and drop shadows
Watch this space
Regarding 'square' corners - do you mean 45 degrees ?
On Jan 8, 2:14 pm, Olaf Bosch [EMAIL PROTECTED] wrote:
weepy schrieb:
The IE works not perfect :(
What problems are you having specifically? I know there is a subpixel
rendering problem.
I make a Screen, I work offline:http://olaf-bosch.de/bugs/jquery/cornerz.gif
The element itself holds the canvas or VML. It can be whatever you
want - whether it's invalid xml or not.
Yes i understand this fact. I say it does not need. ;)
Give the parent element position:relative; and the cornerz working true,
see:
$('#bla').cornerz();
div id=bla style=position:relative;
CONTENTCONTENT
CANVAS
CANVAS
CANVAS
CANVAS
/div
For what will you make this:
div id=bla style=position:relative;
CONTENTCONTENT
div style=display:inherite
CANVAS
CANVAS
CANVAS
CANVAS
/div
/div
I forget, thank you for this fine Plugin :)
--
Viele Grüße, Olaf
---
[EMAIL PROTECTED]://olaf-bosch.dehttp://ohorn.infowww.akitafreund.de
---
[jQuery] Re: [ANNOUNCE] Cornerz - Bullet Proof Curved Corners using Canvas/VML
Weepy...
I was kidding. You get square corners if you don't do anything. That's the
default display. I was just messing around with you.
;)
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of weepy
Sent: Tuesday, January 08, 2008 9:45 AM
To: jQuery (English)
Subject: [jQuery] Re: [ANNOUNCE] Cornerz - Bullet Proof Curved Corners using
Canvas/VML
div id=bla style=position:relative;
CONTENTCONTENT
CANVAS
CANVAS
CANVAS
CANVAS
/div
Good point. The only reason i was doing this was because I wanted to pass
the corners back as a return value. I'm not sure you can do with without a
parent container. The problem with IE goes away if u change the width or
height by 1px - not sure what is causing this !
If this had gradients and drop shadows
Watch this space
Regarding 'square' corners - do you mean 45 degrees ?
On Jan 8, 2:14 pm, Olaf Bosch [EMAIL PROTECTED] wrote:
weepy schrieb:
The IE works not perfect :(
What problems are you having specifically? I know there is a
subpixel rendering problem.
I make a Screen, I work
offline:http://olaf-bosch.de/bugs/jquery/cornerz.gif
The element itself holds the canvas or VML. It can be whatever you
want - whether it's invalid xml or not.
Yes i understand this fact. I say it does not need. ;)
Give the parent element position:relative; and the cornerz working
true,
see:
$('#bla').cornerz();
div id=bla style=position:relative;
CONTENTCONTENT
CANVAS
CANVAS
CANVAS
CANVAS
/div
For what will you make this:
div id=bla style=position:relative;
CONTENTCONTENT
div style=display:inherite
CANVAS
CANVAS
CANVAS
CANVAS
/div
/div
I forget, thank you for this fine Plugin :)
--
Viele Grüße, Olaf
---
[EMAIL PROTECTED]://olaf-bosch.dehttp://ohorn.infowww.akitafr
eund.de
---
[jQuery] Re: [ANNOUNCE] Cornerz - Bullet Proof Curved Corners using Canvas/VML
What problems are you having specifically? I know there is a subpixel rendering problem. I'm assuming the subpixel rendering is what is causing the ugly black lines on the left and right side of the border:1 display: inline example. I'd probably use this if the IE problem gets fixed. Very pretty in the other browsers.
[jQuery] Re: [ANNOUNCE] Cornerz - Bullet Proof Curved Corners using Canvas/VML
wonderful job, Jonah! btw, looks fine in my Mac Safari 3 --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Jan 7, 2008, at 11:01 AM, weepy wrote: Hi I'd like to announce my latest jQuery plugin. I hope you'll find it useful. FEATURES: # Antialiased # Very Fast # Support for any size radius and border width with minimal performance increase # No excanvas # Current layout is maintained # Works with all tested positions/display/floats # Supports fluid layouts # Original div still shows through, so can easily do hover/background effects # Script is only 4.0k uncompressed Issues # IE6 has some slight problems with the VML in some cases # Mac/Safari doesn't work (Windows Safari is fine) You can see it in action here : http://www.parkerfox.co.uk/cornerz Look forward to your comments Jonah
[jQuery] Re: [ANNOUNCE] Cornerz - Bullet Proof Curved Corners using Canvas/VML
Very nice! I've been wanting antialiased corners for a while. Any possibility of working with Dave Methvin and merging the two corner plug-ins? I can see this being a source of confusion for other users. Good job! Matt Penner -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of weepy Sent: Monday, January 07, 2008 8:01 AM To: jQuery (English) Subject: [jQuery] [ANNOUNCE] Cornerz - Bullet Proof Curved Corners using Canvas/VML Hi I'd like to announce my latest jQuery plugin. I hope you'll find it useful. FEATURES: # Antialiased # Very Fast # Support for any size radius and border width with minimal performance increase # No excanvas # Current layout is maintained # Works with all tested positions/display/floats # Supports fluid layouts # Original div still shows through, so can easily do hover/background effects # Script is only 4.0k uncompressed Issues # IE6 has some slight problems with the VML in some cases # Mac/Safari doesn't work (Windows Safari is fine) You can see it in action here : http://www.parkerfox.co.uk/cornerz Look forward to your comments Jonah
[jQuery] Re: [ANNOUNCE] Cornerz - Bullet Proof Curved Corners using Canvas/VML
Confusion?? One plugin has a z on the end of it. That's totally different. :) -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Penner, Matthew Sent: Monday, January 07, 2008 11:18 AM To: jquery-en@googlegroups.com Subject: [jQuery] Re: [ANNOUNCE] Cornerz - Bullet Proof Curved Corners using Canvas/VML Very nice! I've been wanting antialiased corners for a while. Any possibility of working with Dave Methvin and merging the two corner plug-ins? I can see this being a source of confusion for other users. Good job! Matt Penner -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of weepy Sent: Monday, January 07, 2008 8:01 AM To: jQuery (English) Subject: [jQuery] [ANNOUNCE] Cornerz - Bullet Proof Curved Corners using Canvas/VML Hi I'd like to announce my latest jQuery plugin. I hope you'll find it useful. FEATURES: # Antialiased # Very Fast # Support for any size radius and border width with minimal performance increase # No excanvas # Current layout is maintained # Works with all tested positions/display/floats # Supports fluid layouts # Original div still shows through, so can easily do hover/background effects # Script is only 4.0k uncompressed Issues # IE6 has some slight problems with the VML in some cases # Mac/Safari doesn't work (Windows Safari is fine) You can see it in action here : http://www.parkerfox.co.uk/cornerz Look forward to your comments Jonah
[jQuery] Re: [ANNOUNCE] Cornerz - Bullet Proof Curved Corners using Canvas/VML
Jonah, This looks really great! Issues # IE6 has some slight problems with the VML in some cases # Mac/Safari doesn't work (Windows Safari is fine) Hey, what happened to bulletproof?? :-) Mike
[jQuery] Re: [ANNOUNCE] Cornerz - Bullet Proof Curved Corners using Canvas/VML
This is awesome. I think I might replace the curvy corners on my site with this. I think the canvas method is just too cool. Glen On Jan 7, 2008 4:14 PM, weepy [EMAIL PROTECTED] wrote: Hey, what happened to bulletproof?? :-) It will be :) . In fact it now works on Mac/Safari Regarding combining the 2 plugins - I don't think this will be possible, since they both work in entirely different ways. On Jan 7, 11:16 pm, Mike Alsup [EMAIL PROTECTED] wrote: Jonah, This looks really great! Issues # IE6 has some slight problems with the VML in some cases # Mac/Safari doesn't work (Windows Safari is fine) Mike
