Archives

A collection of single-purpose tools

An incredibly extensive collection of single-user tools. Need to check colour contrast? Grab image metadata? Generate a gradient? Yup, all of those are in here. The list is immense and the tools are […]

Moderate people, not code

Ryan always has some interesting thoughts around the ethics of online communities, and this is no exception. There's a lot of great questions and thoughts in here around whether or not we should be […]

Animated pride flags

If you ever wanted to make a cool, animated flag from scratch on the web, Josh has you covered. But the article is also full of clever tricks for animation in […]

Root and branch

Notes from an interview of Dr. John Grimshaw, director of the Yorkshire Arboretum, on tree planting, climate pledges, and conservation, published in House & Garden September […]

Make free stuff

A lovely argument for using the web to simply make stuff and then show other people, without entering into the hustle and grind of late-stage […]

Optimise Lightroom by rebuilding previews

A step-by-step guide to forcing Lightroom to rebuild preview files. This can help reduce the overall size of the Previews folder/database, which often retains outdated previews for files you've […]

New success criteria in WCAG 2.2

A thorough overview of the new success criteria added (and removed) in WCAG 2.2, including clear guidance on how to test and pass each […]

Animating the height of content using CSS grid

A useful trick for animating the height of a specific piece of content. You cannot transform a height in CSS to the auto keyword; you have to provide a fixed value, which is obviously suboptimal in […]

Accessible data visualisations with D3.js

A comprehensive guide to ensuring simple charts and graphs are accessible. Focuses on D3, but most of the tips and suggestions can easily be ported to any visual UI. These […]

We're still not innovating with AI-generated UI

With the recent announcement of an AI-UI tool from the folks at Vercel, there's been a lot of discussion about claims around "production-ready code" that is actually riddled with bugs, lacks […]

Using data-attributes for style variations

An interesting approach to using data attributes to drive CSS utility classes. I'm not sure I like the overly granular control (it feels like it falls into the same category as Tailwind, but now with […]

Clever gradient masking in Lightroom

Some clever Lightroom techniques I've not seen before. Particularly like the use of gradient masks to accentuate existing light sources, and the "sandwich" technique is also very clever. Both work […]

Reloading cutting line on DeWalt DCM561P1S strimmer

It's a bit ridiculous, but I keep losing access to the manual for our strimmer, and the instructions aren't that clear even when I do find it again. Plus, to make matters worse, there are several […]

Browsing with assistive tech

A fantastic series of short, introductory videos put together by the folks over at Tetralogical. Each one provides an insight into how assistive technologies and alternative browsing methods […]

The Trick to Animating Grid Columns

Animating a grid element provides a lot of potential for fancy UIs and interesting interactions, but it's not immediately obvious when searching online how it needs to work and what the limitations are.

Disbanding the POSSE

I'm a big fan of the IndieWeb community, yet I've long struggled with using many of their protocols or guidelines. POSSE is one of those. I do POSSE content to a couple of platforms (though, so […]

South African snakes

A surprisingly detailed identification guide to the snakes of South (and Southern) Africa, including diagnostics, multiple photos, species ranges, and (usefully) relative danger to […]

Smarter SVG filters

An in-depth guide to SVG filters, including colour manipulation, contrast, brightness, sharpening, blur, blend modes, and distortion. Very useful when trying to work out which combination of filters […]

Ad hoc search powered by

Made By Me, But Made Possible By:

CMS:

Build: Gatsby

Deployment: GitHub

Hosting: Netlify

Connect With Me:

Twitter Twitter

Instagram Instragram

500px 500px

GitHub GitHub

Keep Up To Date:

All Posts RSS feed.

Articles RSS feed.

Journal RSS feed.

Notes RSS feed.