Timeline | Elixirgraphics | $10.95
It’s always a challenge to present any kind of process (how to order a product) or narrative (perhaps a company history) in a way that’s elegant and attractive; and that works well whether you’re viewing it on a 27″ widescreen monitor or an iPhone 5s in portrait mode. Elixir’s Timeline stack achieves all these things at a price that makes it an easy decision to purchase.
To use, you just drag a Timeline stack out onto the page. By default you’ll see that each item has a time and date, a milestone icon and then a label; underneath the label is a separate dropzone into which you can add any additional stacks you’d like to use. This means you can create quite sophisticated timelines with text, headers, images, price lists, video…in fact, pretty much whatever kind of content you like. The stack includes a good range of editing and customisation features so you can change the date and time labels to suit (or remove them altogether) set the milestone markers as Font Awesome icons or use your own images as well as hiding or displaying the titles of each individual entries. You have full control over the colour scheme (including whether or not to display the vertical line as a gradient) but the stack also includes 15 colour pre-sets, some of which are tied to the default colour schemes of Elixir’s themes like Hive and Ruby; it’s a nice touch and one which makes integrating the stack into an Elixir theme a very simple task. It’s possible to animate both the milestone and the individual item using one of 14 different effects – as is usually the case, less is more when it comes to animating content but used with restraint, they work well.
Timeline entries always appear to the right of the vertical line so you can’t stagger them left and right, but they re-arrange neatly on small screens to stack on top of each other, aligned centrally; the vertical line vanishes and the milestone icon shifts to the right to sit above each entry in the timeline. This is the quality we like best in Timeline – the author has made the design decisions for you and we think they’re all the correct ones. The result is an excellent, easy to use stack.
Roadmap 2 | Yuzool Themes | $14.95
Version 2 adds a new flatter design, consolidates everything into a single stack and most important includes horizontal timelines.
TimelineThing | Weaverthings | £6.50
Neatly combines a vertical timeline with a toggle effect so that longer timelines can be open and closed to save space. Lots of formatting options but requires more fiddling to work well in small screens.