Compare Stack


After just a few minutes of exploring DooBox’s latest stack compare I found myself looking for an excuse to use it in a production situation.

Doobox’s Compare is a stack that allows a visitor to your website to compare a pair images, for themselves. A ‘before’ and ‘after’ image, a ‘this’ and ‘that’, a ‘now’ and a ‘then’ image. The two images are laid over each other for presentation purposes, with a slider allowing your website visitor to select the proportion of each image to display in the shared display space. Dragging the slider to the left allows your site visitor to see more of the after picture, and to the right to see more of the before picture.

As a historian I can see potential uses for Compare, to demonstrate how a building, or landscape developed over time. As a keen amateur photographer, I can see how I could use this tool to demonstrate, how a small change made at the time that a photograph is taken can result in significant change in the final picture (for example the depth of field). I can also see how this stack could be of benefit to a restorer, an artist, a renovator, a landscape designer etc… If you need to demonstrate a visual change over time, then Compare is a Stack that you should really look at.

Compare is easy to use, allowing the designer to specify the before and after images; the initial position of the divider, and the colour and thickness of the slider; as well as the size, and colour of the drag handle. This economy of options makes it easy for a beginner to pick up Compare and to become productive in no time at all. However, this economy of options could also leave a more experienced designer wondering why it is not possible to do more with this stack.

What would be nice to see in a future release would be a little more flexibility,  so for example, allowing the user to specify the direction that the scroller works, horizontal or vertical.

Compare works exactly as advertised, and is simplicity itself to use.

Angus MacPheep

Angus MacPheep is the man behind the mask, the ghost in the machine. Don’t be fooled by his suave good looks and reckless disregard for convention — he’s the real driving-force behind RapidWeaver Central, a madly intuitive aesthete who makes inspirational leaps of faith and conjures pixel-perfect design magic from the uninspiring ether. He’s also a real hit with the ladies.