Category: Tutorials

How to Launch an AppImage from the Ubuntu Sidebar

23 Dec 2023

Learn how to launch an AppImage file like you would a normal desktop application on Ubuntu....

[read more]

How to Launch an AppImage from the Ubuntu Sidebar

How to use Parcel and Tailwind with WordPress

30 Jun 2022 (Updated 26 Aug 2023)

A tutorial on how to use the ParcelJS bundler and the Tailwind CSS library with WordPress. Modernise...

[read more]

How to use Parcel and Tailwind with WordPress

Creating an Oscilloscope with JavaScript and the Web Audio API

12 May 2022 (Updated 14 May 2022)

The oscilloscope is what you might call the archetypal audio visualiser, portraying sound in its mos...

[read more]

Creating an Oscilloscope with JavaScript and the Web Audio API

Creative Coding with SVG, Part 1: Circles, Rectangles and the ViewBox

20 Jun 2021

Learn about the SVG viewBox and how to create simple one-line circles and rectangles...

[read more]

Creative Coding with SVG, Part 1: Circles, Rectangles and the ViewBox

From CSS to SASS and Back Again

21 Mar 2021 (Updated 1 Jul 2021)

Why I'm abandoning SASS, or how SASS lost its lustre (for me at least)....

[read more]

From CSS to SASS and Back Again

The Canvas API, Part 4: Points, Paths and Colours

7 Mar 2021

In this tutorial we take a look at how to properly create shapes with paths, and how to add colour....

[read more]

The Canvas API, Part 4: Points, Paths and Colours

The Canvas API, Part 3: A Retina-Ready, Responsive Canvas

13 Feb 2021 (Updated 21 Mar 2021)

In part 3 we'll learn to sharpen up those shapes and make them retina-ready and responsive...

[read more]

The Canvas API, Part 3: A Retina-Ready, Responsive Canvas

The Canvas API, Part 2: Basic Shapes and the 2D Context

21 Jan 2021 (Updated 12 May 2022)

In this tutorial we look at some of the basic shape methods offered by the Canvas API....

[read more]

The Canvas API, Part 2: Basic Shapes and the 2D Context

The Canvas API, Part 1: The Background

4 Oct 2020 (Updated 27 Jan 2021)

The Canvas API, or the ‘HTML5 Canvas’, allows for the creation of dynamic, interactive graphics ...

[read more]

The Canvas API, Part 1: The Background

More jQuery for your Dollar ($); How to Write it the WordPress Way

7 Jun 2020 (Updated 13 Feb 2021)

Disclaimer; I didn’t use jQuery at all for the theme I created for this site, so in most cases...

[read more]

More jQuery for your Dollar ($); How to Write it the WordPress Way