jQuery for Designers

API: queue & dequeue

Remy — Fri, 10 Jul 2009 11:45:49 +0000

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

jQuery Infinite Carousel

Remy — Thu, 11 Jun 2009 15:25:27 +0000

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

jQuery for Designers: In Live Action

Remy — Thu, 11 Jun 2009 09:31:33 +0000

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

Return to normal scheduling

Remy — Tue, 02 Jun 2009 09:01:04 +0000

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

SlideDown Animation Jump Revisited

Remy — Wed, 15 Apr 2009 15:37:40 +0000

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

BBC Radio 1 Zoom Tabs

Remy — Fri, 03 Apr 2009 12:26:13 +0000

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

API: map & grep

Remy — Wed, 25 Mar 2009 16:18:16 +0000

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

SXSW, Server Issues and Redesign

Remy — Thu, 12 Mar 2009 00:14:47 +0000

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

jQuery look: Tim Van Damme

Remy — Fri, 20 Feb 2009 14:04:08 +0000

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

How to tell if an element exists

Remy — Tue, 10 Feb 2009 17:08:59 +0000

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