jQuery for Designers

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 is approximately 45Mb, [...]

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

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 streaming. View the demo [...]

Automatic Infinite Carousel

Remy — Thu, 13 Aug 2009 12:00:53 +0000

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

Play School: Broken Repeating Animations

Remy — Thu, 23 Jul 2009 12:30:24 +0000

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

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