Thumbnail image showing a screenshot of some code on a computer in VSCode.

My first JavaScript app

My first attempt at creating something with JavaScript, an app that randomly selects exercises for my circuit training sessions.

(4 mins)
Thumbnail image showing a PWA app install prompt on a mobile device.

Adding screenshots to your PWA install experience

Better inform your site visitors about your PWA, with app screenshots.

(3 mins)
Thumbnail image showing a child counting with an abacus. Photo by luis arias on Unsplash

Automatically numbering figures using CSS

Automatically number figures with CSS counters and display inside the figure’s caption.

(4 mins)
Thumbnail image showing 2 versions of the same page

Hiding and delaying image load using HTML

Using the Details & Summary elements with lazy loading to load and display images only when/if they’re requested.

(4 mins)
Thumbnail image showing a typical stacked bar chart

Linking tables to stacked bar charts

An example of interactive linking between a table and a stacked bar chart.

(5 mins)
Thumbnail image showing a screenshot of the article’s layout

Drop Caps and Indents

A niche & nerdy look at how paragraphs can be visually distinguished using a little CSS.

(2 mins)
Thumbnail image showing a typical Kindle eInk screen

Why I prefer the Kindle over physical books

My first (and hopefully last) listicle! 10 reasons I prefer the Kindle over physical books.

(5 mins)
Thumbnail image showing a screenshot of code in VSCode

Why every Product Manager should build a website

A short explanation of why I believe every product manager should build a website.

(3 mins)
Thumbnail vector image showing a Concept2 rowing machine, a TV, and a bar chart pinned to a wall in the background.

My indoor rowing tips after 15 million meters

My experience and tips for anyone new to indoor rowing.

(9 mins)
Thumbnail image showing four different chart types that can be used to show the distribution across groups.

Chart Picker

My Excalidraw diagram designed to help you pick the correct chart type.

(2 mins)
Thumbnail image showing a screenshot of an RSS reader that contains a list of articles.

RSS part 1: what is RSS and what are aggregators?

Part 1 in a series in which I hope to convey the benefits of RSS.

(3 mins)
Thumbnail image showing two trump stlye cards drawn using Excalidraw.

Drawing with Excalidraw

A short article describing how I use my new favourite sketching tool i.e. Excalidraw.

(2 mins)
Thumbnail image showing a photograph of a PC, 2 monitors, a keyboard and mouse, all sitting on a large desk in a bay window.

Working from home hardware

A description of my WFH hardware setup, and why I believe you should invest in yours.

(5 mins)
Thumbnail image showing a graphic that resembles a horizontally stacked bar chart, where each section of the bar is an event e.g. reading, watching TV.

Anatomy of a lockdown weekday

A description of the routine I fell into while WFH during the COVID-19 pandemic.

(4 mins)
Thumbnail image showing a graphic of various apps running on two virtual desktops.

Using virtual desktops in Windows 10

How to take advantage of virtual desktops when shifting between tasks.

(6 mins)