3rd October, 2008

WallSwaps - an experiment

We love doing web stuff every day, and we love our clients. However, all too often what we do is bound by rules, criteria and technical specs. So occasionally we (like many of you) need to break free and do something for fun. That is why we created WallSwaps.


Launched today, WallSwaps is a really easy way to get our little birdie logo around the globe. In return, you get a permanent link on our wall, and a shiny new card-mounted badge. It is only a badge, but badges are good.

WallswapsFigure 1: The full canvas.

An experiment

The site is an experiment. Thus, it is a one-pager, and so much bigger than your browser window, yet you don’t get any scrollbars. Instead, we’re using a JavaScript combo to provide two cool ways to navigate around the wall (one a draggy affair, the other based around anchors).

Greg has really pulled this thing together visually, and the JavaScript implementation from Phil has really tied the room together. I’m not sure how they’ve done some of it, but I know it uses some few freely available scripts (such as Ariel Flesler’s ScrollTo and LocalScroll scripts, Jonathan Sharp’s AutoScroll script and of course jQuery in general).

WallswapsFigure 2: A closer look at the navigation.

We’re also rather pleased that it works alright on those new-fangled iPhone things. The navigation footer is dropped, seeing as you can move around the thing using your mucky fingers.

Wallswaps iPhoneFigure 3: It even works on an iPhone.

Updates and stuff

We hope you’ll all continue to send us your stuff - we love it - and we will only be updating the site at the end of every month (it may end up broken into several walls with our faves up front), and we’ll add RSS and some other stuff.

We’ll also hopefully find a way of ensuring it doesn’t all break when you resize the text. It gets by without JavaScript and CSS and ain’t bad for an early release - and it is only an experiment after all.

Don’t use Internet Explorer!

We’re very keen to get this thing working in IE7 and a few other old-fashioned browsers. There are problems with positioning and some other things that will get sorted next time we update it. For now, just use good browsers. You know the ones…


Prev / Next


If you enjoyed this article, please subscribe to my Internet of Natural Things letter, and maybe grab the RSS feed. Thank you.