Comments on: Cross browser rounded corners, part 2 http://www.stevepugh.net/VTT/2008/11/30/cross-browser-rounded-corners-part-2/ "He talks to himself sometimes because he's the only one who understands what he's saying." Wed, 21 Dec 2011 15:46:43 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Steve Pugh http://www.stevepugh.net/VTT/2008/11/30/cross-browser-rounded-corners-part-2/comment-page-1/#comment-29837 Steve Pugh Thu, 25 Jun 2009 11:37:08 +0000 http://www.stevepugh.net/VTT/?p=973#comment-29837 The link you included didn't go to anything related to jQuery Corners. I suspect you meant http://www.malsup.com/jquery/corner/ but somehow substituted a link to a poker site instead. Whoops. Regarding CPU cycles, as with all these things the efficiency of the selector is the key. If you have just one rounded button per page then $("#id") will be as efficient as you can get. With multiple sets then $("input.class") is good but $("#id input.class") is better if possible. See, for example, http://www.ibm.com/developerworks/web/library/wa-aj-advjquery/ Adding a few elements to the DOM and switching some classes is probably more efficient than adding the many elements to the DOM that the jQuery Corners method uses. Finally, the jQuery Corners method can't easily create multi-colour corners like the ones used in my example. The link you included didn’t go to anything related to jQuery Corners. I suspect you meant http://www.malsup.com/jquery/corner/ but somehow substituted a link to a poker site instead. Whoops.

Regarding CPU cycles, as with all these things the efficiency of the selector is the key. If you have just one rounded button per page then $(“#id”) will be as efficient as you can get. With multiple sets then $(“input.class”) is good but $(“#id input.class”) is better if possible. See, for example, http://www.ibm.com/developerworks/web/library/wa-aj-advjquery/

Adding a few elements to the DOM and switching some classes is probably more efficient than adding the many elements to the DOM that the jQuery Corners method uses.

Finally, the jQuery Corners method can’t easily create multi-colour corners like the ones used in my example.

]]> By: Keno umsonst spielen http://www.stevepugh.net/VTT/2008/11/30/cross-browser-rounded-corners-part-2/comment-page-1/#comment-29836 Keno umsonst spielen Thu, 25 Jun 2009 10:50:00 +0000 http://www.stevepugh.net/VTT/?p=973#comment-29836 Stumbled on this JQuery Corner Demo which shows a really nice and flexible way to create rounded corners (or not even rounded) for boxes. The only potential problem here is: is this more CPU cycles than using the image/CSS tricks? Probably worth a very good try if you are already using jQuery on your sites. Regardless, worthy of a bookmark - especially if you need rounded corners at 2am in the morning. Stumbled on this JQuery Corner Demo which shows a really nice and flexible way to create rounded corners (or not even rounded) for boxes. The only potential problem here is: is this more CPU cycles than using the image/CSS tricks? Probably worth a very good try if you are already using jQuery on your sites. Regardless, worthy of a bookmark – especially if you need rounded corners at 2am in the morning.

]]>