Slip-sliding away

I wrote a little function called slideElement to use on my website. It’s a simple way of creating animation and it found its way into the book. You can see it in action on the front page of the Jay Skript and the Domsters spoof site.

After I wrote the function, people started to use it in creative ways. Dave Shea gave his presentation at last year’s South by Southwest using the function to power a slideshow. It started showing up in the portfolio sections of Progetto NINFEA, Vashnevdesign and Bright Creative. More recently, the function appeared on Chromamine, this time animating large chunks of text.

Over at thing13, the function has been expanded into an experiment in sliding lists, which is an interesting navigation idea.

Using different code but along similar lines, Flickr now allows you to slide through your thumbnails. By using just a smattering of Ajax, the widget can pull in the next image in a photoset and slide it into view. It’s a very nice effect and something I had been meaning to do over at Adactio Elsewhere. With a little bit of finessing, the animation could be as smooth as the “new releases” navigation in iTunes.

Speaking of Adactio Elsewhere, Andy Hume has taken the idea and run with it to create The Dredge Remote. There’s no sliding but there is a nice animated .gif to indicate when Ajax is doing its thing.

Posted by Jeremy on Wednesday, January 25th, 2006 at 1:50am


It would be nice to have this in S5… ;-)

# Posted by Nicolas Hoizey on Wednesday, January 25th, 2006 at 7:31am

I toyed around with a better way of displaying thumb nails in the Flickr section, and did indeed look at the technique on the Domsters website, as well as the scrolling on the @Media photo gallery. Never quite got around to implementing anything, but one for the future I guess.

Still, at least I managed to get the animated.gif in there. I know what’s important when it comes to Web 2.

# Posted by Andy Hume on Wednesday, January 25th, 2006 at 10:15am

Ah yes, I forgot about the @media photo gallery. There’s some nice sliding going on there too:

And just look at how yummily liquid it is — not an easy thing to do with a photo gallery.

# Posted by Jeremy Keith on Wednesday, January 25th, 2006 at 12:34pm

Oh wow, this is neat, javascript is actually much more cool than I thought :)

# Posted by Here we go on Monday, January 30th, 2006 at 5:43pm

Thanks for slideElement, Jeremy. It’s simple and neat and all-round good.

# Posted by Rich on Friday, February 3rd, 2006 at 2:34pm

Sorry. Comments are closed.

January 2006

Recommended Reading

XML Subscribe

Grab the RSS feed for this blog.

JavaScript API

Grab the RSS feed of comments for this entry.