11twyg - Eleventy with Twig and YAML
11twyg - Eleventy with Twig and YAML
Eleventy is an elegant static site generator that I've become a little obsessed with lately. It's light, fast,...
Book Release: Generative Art with JavaScript and SVG
Book Release: Generative Art with JavaScript and SVG
Generative Art, JavaScript, SVG
Plug time! Apress have just released my book Generative Art with JavaScript and SVG. It's something I've been...
Book: Generative Art with JavaScript and SVG
Book: Generative Art with JavaScript and SVG
Generative Art, JavaScript, SVG
Here you'll find all the CodePen examples accompanying my book Generative Art with JavaScript and SVG,...
How to use Parcel and Tailwind with WordPress
How to use Parcel and Tailwind with WordPress
CSS, JavaScript, WordPress
I’m a big fan of the ParcelJS bundler.* It’s simpler and offers much more out-of-the-box functionality than...
Creating an Oscilloscope with JavaScript and the Web Audio API
Creating an Oscilloscope with JavaScript and the Web Audio API
The oscilloscope is what you might call the archetypal audio visualiser, portraying sound in its most...
Should I Use p5js or Plain JavaScript (HTML Canvas)?
Should I Use p5js or Plain JavaScript (HTML Canvas)?
Canvas, Generative Art, JavaScript
This is a question I gave quite a lot of thought before embarking on my Canvas API tutorials, so I'll try to...
Creative Coding with SVG: Circles, Rectangles and the ViewBox
Creative Coding with SVG: Circles, Rectangles and the ViewBox
Update 2025: this was originally to be a series but later developed into a book on Generative Art and SVG....
The Canvas API, Part 4: Points, Paths and Colours
The Canvas API, Part 4: Points, Paths and Colours
This is part 4 in a series on the Canvas API. Up to this Point So far, we've covered how the Canvas API came...
The Canvas API, Part 3: A Retina-Ready, Responsive Canvas
The Canvas API, Part 3: A Retina-Ready, Responsive Canvas
This is part 3 in a series on the Canvas API. Resolution In part 1 of this series I mentioned that the...
The Canvas API, Part 2: Basic Shapes and the 2D Context
The Canvas API, Part 2: Basic Shapes and the 2D Context
This is part 2 in a series on the Canvas API. Boilerplate First, create a folder and call it something like...
The Canvas API, Part 1: The Background
The Canvas API, Part 1: The Background
What is the Canvas API? The Canvas API, or the ‘HTML5 Canvas’, allows for the creation of dynamic, interactive...