Skip to main content
Aonghus Storey

Timeline.js: New Features and Extending with Panzoom and Tippy.js

The Timeline.js module was written to draw connections between entities in a timeline to represent how they develop, split, merge and so on. It's intentionally quite minimal in what it does (and consequently quite small – < 20Kb, minified but uncompressed), but can be extended to make a more full-featured diagram. This post details the additions to Timeline.js and an example of extending it using Panzoom and Tippy.js from a recent project, a Timeline of Electoral Parties in the Republic of Ireland.

A screenshot of part of the Electoral Parties in the Republic of Ireland timeline

Continue reading

Creating a Calendar with the HTML <details> Element

I was recently setting up a calendar on the Irish Left Archive website and in the absence of a handy Javascript content-switcher or similar in the existing codebase, I made a simple one using the <details> element. I hadn't experimented a great deal with <details> before, but it's another useful tool for removing some of that old Jquery we all still have floating around.

Continue reading