jQuery for Designers

Simple use of Event Delegation

Remy — Tue, 14 Jun 2011 12:00:21 +0000

Event delegation may be some techie term that you’d rather shy away from, but if you’ve not already used it, this example will show you a simple but powerful use of event delegation. Watch Watch Simple Event Delegation (Alternative flash version) QuickTime version is approximately 22Mb, flash version is streaming. View the demo used in [...]

Populate Select Boxes

Remy — Fri, 11 Feb 2011 12:00:21 +0000

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. Watch Watch Populate Select Boxes screencast (Alternative flash version) QuickTime version is approximately 60Mb, flash [...]

Scroll Linked Navigation

Remy — Wed, 18 Aug 2010 14:52:06 +0000

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. Watch Watch Scroll Linked Navigation screencast (Alternative flash version) QuickTime version is approximately 50Mb, flash version is [...]

Debugging Tools

Remy — Wed, 07 Jul 2010 09:37:31 +0000

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. Watch Watch Debuggers screencast (Alternative flash version) QuickTime version is approximately [...]

Enabling the Back Button

Remy — Mon, 19 Apr 2010 12:00:21 +0000

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. Watch Watch Enabling the Back Button screencast (Alternative flash version) QuickTime version is approximately [...]

J4D update: My Book, Other Books, Workshops and talks

Remy — Tue, 09 Mar 2010 13:00:37 +0000

It’s been a while since I’ve been in touch, so I wanted to let you know what’s going on in the jQuery for Designers world, what to look out for and what’s coming next. A personal update I realise I’ve neglected you again (there was a similar dip back in Feb 2009: I see a [...]

Adding Keyboard Navigation

Remy — Tue, 12 Jan 2010 12:44:11 +0000

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. Watch Watch Adding Keyboard Navigation screencast (Alternative flash version) QuickTime version is approximately 28Mb, flash version is streaming. View [...]

Fixed Floating Elements

Remy — Fri, 23 Oct 2009 13:17:16 +0000

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 [...]

Want to learn more about JavaScript? Go Full Frontal!

Remy — Tue, 29 Sep 2009 15:45:32 +0000

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 [...]

iPhone-like Sliding Headers

Remy — Thu, 10 Sep 2009 15:54:26 +0000

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 [...]