On visiting Apple’s web site an putting items in my shopping basket, I noticed (an old effect) where the shopping basket would follow me down the page. We’ll look at how to replicate the fixed floating sidebars or elements with very little jQuery. Watch Watch jQuery Fixed Floating Elements screencast (Alternative flash version) QuickTime version is approximately 45Mb, [...]

I’m sure you’re familiar with a bit of JavaScript now that you’ve subscribed to my screencasts and hacked and played around with jQuery. Earlier this year I decided that it was time there was a UK conference dedicated to learning JavaScript, and I called it Full Frontal. The conference is a one day event talking about [...]

The iPhone has a few unique UI features, one in particular are the static headings when you’re scrolling through a list, so you know the context of the content. We’ll see how to create this effect using jQuery. Watch Watch iPhone-like Sliding Headers screencast (Alternative flash version) QuickTime version is approximately 68Mb, flash version is streaming. View the demo [...]

Following on from the infinite carousel, there have been a number of requests asking how to make the scrolling action automatic, so I’ve gone ahead to explain how to achieve this. Watch Watch jQuery Automatic Infinite Carousel screencast (Alternative flash version) QuickTime version is approximately 8Mb, flash version is streaming. View the demo used in the screencast The Changes To make [...]

jQuery makes it incredibly easy to add effects to your web sites, but there’s some effects you just don’t want: the hover repeatedly to make the effect go wild! Watch Watch jQuery Infinite Carousel screencast (Alternative flash version) QuickTime version is approximately 15Mb, flash version is streaming. View the demo used in the screencast The Problem I was recently asked to [...]

queue & dequeue are a pair of core data utilities that help you to add your own bespoke to animations. Watch Watch API: queue & dequeue screencast (Alternative flash version) QuickTime version is approximately 7Mb, flash version is streaming. View the demo used in the screencast Queue & Dequeue These methods tend to come in pairs when you’re working within [...]

With jQuery for Designer’s redesign I decided to add a scrolling carousel that worked in the same way the carousel worked on the Apple Mac ads page. This tutorial will walk through the fundamentals of the effect and how to recreate it. Watch Watch jQuery Infinite Carousel screencast (Alternative flash version) QuickTime version is approximately 70Mb, flash version [...]

This September dConstruct will return the UK again, running 2 days of workshops and one full day of talks. One of those workshops will be a full day jQuery for Designers workshop run by your very own Remy Sharp. I’ve attended dConstruct a couple of times now and it’s a superb event that always leaves me [...]

It has to be said that it’s been a little quiet around the jQuery for Designers web site for the last month. That’s not because I’ve wanted to neglect you, but because I’ve been away during May on holidays and work (travelling around Peru with my wife and Sweden for the SWDC2009 and again [...]

When using slideDown depending on the layout of your page, you could still see the jumping effect, regardless of whether you fix the padding around the element. Watch Watch Animation Jump Revisited screencast (Alternative flash version) QuickTime version is approximately 20Mb, flash version is streaming. View the demo used in the screencast Understanding the Problem Similarly to before the animation would [...]

Gareth Edward asked how to achieve the effect on the latest BBC Radio 1 website, where the mouse rolls over the image block, tabs slide up and the image zooms a little to reveal more of the picture. Watch Watch BBC Radio 1 Zoom Tabs screencast (Alternative flash version) QuickTime version is approximately 60Mb, flash version is streaming. View [...]

map and grep are two utilities that are extremely useful if you know how to use them, but more often that not, I see more convoluted code written to achieve the effect of these functions. Historically, I believe that John Resig was inspired by the Perl functions of the same name - which are basic building [...]

I wanted to post a short note to let those of you who subscribe to the jQuery for Designers feed that I’ve not forgotten my pledge to get new videos out each week, and to give you a bit of a general update on redesign and server problems recently. SXSW & Holiday I’ve been away for the [...]

Jonathan Diba writes to ask how the effects are achieve on Tim Van Damme’s portfolio site, referring to Tim’s site as one of the most compelling site design he’s seen. The two key effects Tim is using are a simplified accordion and a hover effect. It’s worth noting that the hover effect only works in [...]

A common question for beginners coming to jQuery is: Is there a way to return true or false if an element exists? There is, and it’s (very, very) simple to do. Watch Watch the jQuery element exists screencast (Alternative flash version) QuickTime version is approximately 10Mb, flash version is streaming. View the demo used in the screencast Finding an Element All [...]

I wanted to share a few news items with regular (and new!) visitors of jQuery for Designers. The Book Some people will know from following me on Twitter that I was approached about doing a jQuery for Designers book late last year. Last week the project has been officially agreed and is moving forward. The publishers [...]

Last month I showed you how to create a spy effect as seen on the first version of QuickSnapper (though they’ve since changed their site design with to release the release of Little Snapper). However I did promise I would demonstrate how to ajaxify the spy. Watch Watch the jQuery Ajax spy screencast (Alternative flash version) QuickTime [...]

Ajax is made incredibly simple with jQuery. There’s a number of helper functions to get in to the nitty gritty of Ajax, but if you want something that’s quick and simple to get going with the .load function is the best place to start. .load will pull a URL from your server and load it [...]

As the first in the series of API screencasts, but also as a good beginners tutorial, this short episode shows the difference between filter and find. Please note that I’ll continue to include full tutorial write ups with the J4D screencasts - whereas playschool and API will have a limited post accompanying them. Watch Watch the jQuery filter [...]

A few years ago Digg released a very cool little visualisation tool they dubbed the Digg Spy (it’s since been upgraded to the Big Spy). Recently Realmac Software released the site QuickSnapper to accompany LittleSnapper. It’s the QuickSnapper site (the left hand side) that makes use of the similar spy technique that I’ll [...]