Paul Irish

Nice presentation dude. Great slides.

Wish I coulda been there to see it in person!

Big Loada!

Thanks for nice slides. Nice tip/trick on slide 36…in need of this right now. :)

too bad I couldn't be there :'(

Paul, thanks for a fascinating presentation. I wish I could have heard you too. I'm just getting into jquery so it was illuminating. It brought back some of my best programmer's instinct. :)

…and I've picked up your RSS feed!

Great presentation Paul! My fav slide is #54 — All that expression'y goodness! :D

@Paul:

$('td', 'table').live(...

will not be scoped to tables, because the context of the resulting jQuery object is still the document. To change the context you have to pass an actual DOM node.

$('td', 'table').context; // => document
$('td', $('#mytable')[0]).context; // => table node

I think we're going to be seeing a lot of code like this when v1.4 hits the shelves:

var table = $('#mytable')[0];
$('td', table).live(...

Very-very nice and usefull. I take couple of your recepies. Thank you.

This is a great presentation. Thanks!

Looks like the slides are down :(

Hi Paul,

On slide 31, you say: "a flatter DOM helps, so move to HTML5". Is there a particular reason that HTML5 will lead to a shallower DOM? Is it simply that HTML5s new features allow us to use less markup to achieve the same effect?

Thanks,
idb

@idbentley
Basically yup.

Here's the video for those interested – http://ontwik.com/javascript/jquery-anti-pattern-for-performance/

Good presentation – introduced me to document fragments.

I think the selector should come first in delegate (for your example in the slides)?

http://api.jquery.com/delegate/

@Brandon

Yes, you are right.

Doing this:

$divisions = $("#divisions").find("ol");
$divisions.delegate("li", "click", fn);

Classifies "li" asevents as indicated by Firebug, which does not make sense because "li" is a selector and "click" is the event type, not the other way around.

Great!! Squarepusher & jQuery, too sexy…

I know that this video is old, but I want to put one more nice and useful (for me at least) comment trick — switching between two blocks of code:

/**/
uncommented code
/*/
commented code
/**/

put an space (or delete the slash) and you have

/** /
commented code
/*/
uncommented code
/**/

P.S. This code highlighter doesn't work as expected, but the trick works.

Great tips !! I will certainly be using createDocumentFragment whenever possible.

Any relevant updates regarding the latest versions of jquery ?

wowwww……..Great….great great…..Background canvas drawing was excellent…
thanks…