You can use .resize() to get every time the width/height actually changes, like this:

$(window).resize(function() {

  //resize just happened, pixels changed

});

You can view a working demo here, it takes the new height/width values and updates them in the page for you to see. Remember the event doesn't really start or end, it just happens when a resize occurs...there's nothing to say another one won't happen.

Edit: By comments it seems you want something like a on-end event, the solution you found does this, with a few exceptions (you can't distinguish between a mouse-up and a pause in a cross-browser way, the same for an end vs a pause). You can create that event though, to make it a bit cleaner, like this:

$(window).resize(function() {

    if(this.resizeTO) clearTimeout(this.resizeTO);

    this.resizeTO = setTimeout(function() {

        $(this).trigger('resizeEnd');

    }, 500);

});

You could have this is a base file somewhere, whatever you want to do...then you can bind to that new resizeEnd event you're triggering, like this:

$(window).bind('resizeEnd', function() {

    //do something, window hasn't changed size in 500ms

});

You can see a working demo of this approach here
​