When you use jQuery’s .animate() function with something like a hover event, those animations will “queue up”. That is, if you hover multiple times, that animation will fire multiple times. The classic method to prevent this is to throw in a .stop() before the animation, but I find this abrupt and not ideal, because it prevents the animation from completing a full cycle. In this screencast we’ll look at a few attempts at solving this and ultimately using a plugin that does a great job.

View Screencast

This week was kind of a test… Now that I feature the latest screencast on the homepage I thought maybe I wouldn’t need to make an actual blog post about it. But in practice, barely anybody saw it and the first person who did commented that they would prefer it was mentioned as a blog post. So… here we are =)