11twyg – Eleventy with Twig and YAML
28 May 2024Eleventy is an elegant static site generator that I’ve become a little obsessed with lately. I...
[read more]
Tag: JavaScript
Book Release: Generative Art with JavaScript and SVG
9 Apr 2024Plug time! Apress have just released my book Generative Art with JavaScript and SVG. If you're inter...
[read more]
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]
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]
Should I Use p5js or Plain JavaScript (HTML Canvas)?
12 Aug 2021 (Updated 8 Oct 2022)If you're interested in generative art, generative design or creative coding in general, how does p5...
[read more]
Creative Coding with SVG, Part 1: Circles, Rectangles and the ViewBox
20 Jun 2021Learn about the SVG viewBox and how to create simple one-line circles and rectangles...
[read more]
The Canvas API, Part 4: Points, Paths and Colours
7 Mar 2021In 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 3: A Retina-Ready, Responsive Canvas
13 Feb 2021 (Updated 10 Jun 2024)In part 3 we'll learn to sharpen up those shapes and make them retina-ready and responsive...
[read more]
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 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]
