It’s the age old (well, in webby terms) issue of how to populate one select box based on another’s selection. It’s actually quite easy compared with the bad old days, and incredibly easy with jQuery and a dash of Ajax.

It’s the age old (well, in webby terms) issue of how to populate one select box based on another’s selection. It’s actually quite easy compared with the bad old days, and incredibly easy with jQuery and a dash of Ajax.

Populate Select Boxes

There are a few websites I’ve seen lately that have a left hand navigation automatically updates it’s selection based on where you’ve scrolled to on the page. This tutorial will show you exactly how to achieve just that.

There are a few websites I’ve seen lately that have a left hand navigation automatically updates it’s selection based on where you’ve scrolled to on the page. This tutorial will show you exactly how to achieve just that.

Scroll Linked Navigation

Most of us have to make our web pages work in The Big Five browsers, so I thought it was about time I introduce you to the debugging tools for each of those browsers with a couple of tips thrown in to the mix.

Most of us have to make our web pages work in The Big Five browsers, so I thought it was about time I introduce you to the debugging tools for each of those browsers with a couple of tips thrown in to the mix.

Debugging Tools

As we build more and more Ajaxy applications, and our apps reside on a single page, the browser’s native back button can get more and more broken. This episode will show you how to re-enable the back button on your apps.

As we build more and more Ajaxy applications, and our apps reside on a single page, the browser’s native back button can get more and more broken. This episode will show you how to re-enable the back button on your apps.

Enabling the Back Button

I was recently asked how keyboard navigation could be supported to move a slider backwards and forwards. I've created a few tutorials on how to create sliders and carousels but not mentioned keyboard supported navigation yet.

I was recently asked how keyboard navigation could be supported to move a slider backwards and forwards. I've created a few tutorials on how to create sliders and carousels but not mentioned keyboard supported navigation yet.

Adding Keyboard Navigation

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.

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.

Fixed Floating Elements

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.

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.

iPhone-like Sliding Headers

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.

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.

Automatic Infinite Carousel

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!

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!

Play School: Broken Repeating Animations

queue &amp; dequeue are a pair of core data utilities that help you to add your own bespoke to animations.

queue &amp; dequeue are a pair of core data utilities that help you to add your own bespoke to animations.

API: queue and dequeue

Learn how easy it is to apply web interaction using jQuery.

This podcast is awesome. I learn A LOT. Thanks for sharing Remy.

Great insight

Great!!!

jQuery for Designers - screencasts and tutorials

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.

With jQuery for Designer's redesign I decided to add a scrolling carousel that worked in the same way the carousel worked on the <a href="http://www.apple.com/getamac/ads/" rel="nofollow" target="_blank">Apple Mac ads page</a>. This tutorial will walk through the fundamentals of the effect and how to recreate it.

jQuery Infinite Carousel

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.

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.

SlideDown Animation Jump Revisited

Gareth Rogers 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.

Gareth Rogers 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.

BBC Radio 1 Zoom Tabs

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 blocks of the Perl programming language. Let’s look at how you can use these functions.

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 blocks of the Perl programming language. Let’s look at how you can use these functions.

API: map & grep

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 WebKit (Safari &amp; Chrome), but I'll show you how to create the effect using jQuery too.

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 WebKit (Safari &amp; Chrome), but I'll show you how to create the effect using jQuery too.

jQuery look: Tim Van Damme

The best podcasts about ourselves as well as the world through the lense of Science. Specific topics include things about our brain, emotions to biology, physics and more!

Best Episodes on Science, Humans & The World

The best podcast episodes about true crime. For any thrill seeking podcast listeners who just can't get enough of the captivating stories of murderers and criminals. This topic has all the best episodes from many different true crime podcasts.  Add episodes you're interested into your queue below!