Art and creativity
These entries show off my more creative side: my illustrations, my cross-stitch, my fiction.
Sub-topics:
Recreating the bird animation from Swift.org
The Swift.org website got a redesign, including an animation of a swooping bird, and I read the source code to understand how it works.
Always running
When the fire starts, I am already running for the exit. I run because somebody must show the way.
Doodling with the Mac’s command icon
Rotating a looped hook around a central point creates a surprising variety of shapes.
Drawing repetitive radial artworks
Using polar coordinates to draw leaf- and flower-like patterns that repeat in circles around a point.
Hyperfocus and hobbies
The power of ADHD-associated hyperfocus and how I’ve become wary of feeding it too often.
Cats, cross-stitch, and copyright
In celebration of my favourite apex predator.
The maths cross-stitch that hangs behind me
When I’m on video calls, my backdrop has some maths-related art that I helped to make.
Generating art from lattice graphs
Randomly selecting a subset of edge from a graph can make pretty pictures.
Drawing inner/outer strokes in SVG (clips and masks)
Showing how clips and masks work, and how they can be used to draw inner and outer strokes of a shape.
Illustrating lifecycle transitions in Amazon S3
A picture speaks a thousand words, which is why I always have pen and paper to hand.
11 articles
Drawing Truchet tiles in SVG
Using parametric templates to draw Truchet tiles, then placing them randomly to create generative patterns.
Slipstitch, Queer Craft, and community spaces
Remembering Slipstitch, a queer-friendly yarn shop and the fortnightly crafting meet-ups that were a highlight of my week.
Creating static map images with OpenStreetMap, Web Mercator, and Pillow
I made some simple map visualisations by downloading tiles from OpenStreetMap, then annotating the tiles with Pillow.
Two examples of hover styles on images
When I hover over an image, I can add a border to a link, or change the colours of an SVG icon.
Some experiments with circle-based art
Casually covering a canvas with coloured circles.
An Egyptian ‘mixtape’ of embroidered material
Repeating geometric patterns make for a colourful and eye-catching piece.
Creating coloured bookshelf graphics in Rust
Explaining some code that draws coloured rectangles in a way that looks a bit like an upside-down bookshelf.
The Oboe of Optozorax, and Other Objects
A collection of small worldbuilding ideas about magical objects.
Creating striped flag wallpapers with Pillow
Creating low contrast wallpapers with Pillow
Take a regular tiling of the plane, apply a random colouring, and voila: a unique wallpaper, courtesy of the Python Imaging Library.
Tiling the plane with Pillow
Using the Python Imaging Library to draw regular tilings of squares, triangles and hexagons.
6 notes
Group nodes in a Mermaid flowchart by putting them in a subgraph
Combine arrows in Mermaid by using an invisible node
How to embed an inline SVG in a CSS rule
Modern browsers allow you to embed the SVG almost as-is, with just a couple of characters that need escaping – no base64 required!
Pausing the animation of <svg> elements can affect child <svg> elements differently in different browsers
SVGs are only rendered on GitHub if you use an
<img>that points to another fileAnimate an attribute of an element with <animate>