If you watched my last screencast I’m sure you’ve noticed the vast difference in sound quality; well, that’s because of my recently acquired Samson mic.

I’m hoping to begin a podcast show soon, although I’m not 100% sure about it. If any of you are interested in possibly co-hosting such a show (even just for one episode) please let me know! If it does happen then the main topics of discussion will be web development, usability, industry news, hopefully with a strong focus on JavaScript.

While I’ve got your attention here’s a few links to keep you distracted:

• Packt Publishing‏ released a sample chapter of the awesome new jQuery book: “Learning jQuery 1.3 » Chapter 4: Effects“
• Microsoft recently released a new cross-browser “testing suite” for us web developers – “Expression Web ‘SuperPreview’ makes cross-browser testing like moist delicious cake“
• Collis Ta’eed, the co-founder of Envato (Nettuts, Psdttuts, FreelanceSwitch, Themeforest etc.), has started his own blog!
• If you’re a mobile web developer then you’ll find these compatibility tables by the legendary PPK very useful!
• These videos are awesome: “Animation vs. Animator” & “Animation vs. Animator 2“

Note: The quality isn’t too great but if you make it full screen it’s much better!

Thanks for watching, if you have any feedback I’d love to hear it! I’m planning on recording my entry for that competition soon, it’ll also be on jQuery although I’m not sure of the exact topic yet…

Here’s the plugin we created in the screencast:

$.fn.delegate = function(selector, event, action) {
    return this[event.replace(/^on/,'')](function(e){
        var target = e ? e.target : window.event.srcElement,
            elements = $(selector, this),
            elementsLength = elements.length;
 
        elementLoop:
            while (elementsLength--) {
                var parents = $(target).parents(),
                    parentsLength = parents.length;
 
                parentLoop:
                    for (var pi = 0; pi < parentsLength; pi++) {
                        if ( $(parents[pi]).is(selector) ) {
                            return action.call(elements[elementsLength]);
                        }
                    }
 
                if (elements[elementsLength] === target) {
                    return action.call(elements[elementsLength]);
                }
            }
 
        return true; // We don't want to prevent default action so returning true is best
    });
}
 
// USAGE EXAMPLE:
$('ul').delegate('li', 'click', function(){
    $(this).parent().append( $(this).clone() );
});