Archives

Accessible LCh colour palette generator

A tool for generating colour palettes which are perceptually consistent in terms of lightness, contrast, and saturation. Usefully, it automatically calculates WCAG 2 contrast ratios; it also attempts […]

Stop using HSL for colour systems

A fascinating (albeit quite technical) dive into how colours spaces work, and why the typical HSL colour spaces of the web and software result in problematic inconsistencies within colours. The key […]

Indieweb icons and logos

I'm a big fan of these proposed IndieWeb icons/logos, particularly the Protocols set. The repeated node motif is just a really solid piece of logo design – and the Salmention salmon is just […]

Designing accessible data visualisations

A broad overview of the best practices involved in designing data visualisations, with heaps of additional context and excellent imagery to really drive home the issues and better solutions. The key […]

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 […]

Accessibility, data visualisations, & the Norwegian 2023 election

An excellent write-up of where election maps, result graphs, and other common data visualisations used in election reporting most commonly fall down. Missing descriptive text, unassociated labels, […]

Accessible D3 donut charts

A solid tutorial on making an accessible donut chart with D3. A couple of options are discussed, along with the pros/cons of each. I personally prefer the first option, where the labels and data are […]

Accessible chart & data library

Easily the most comprehensive and impressive charting and data visualisation library I've come across. Graphs and charts are keyboard accessible, well-labelled, meaningfully marked up, with colour […]

About (multiple versions of) me

One of the most thorough explorations of an About page I've ever seen, and packed with interesting, thoughtful ideas, such as the statuses as a pseudo "now page" and red/green/grey colour icons to […]

Written in stone

Both the photography and idea behind Written in Stone are great, but what really stood out to me here was the simple-yet-elegant design of the page. It works beautifully together, and I […]

Scrobbling stats

A great (and niche) website that lets you look up the history of any given Last.fm account. For example, here's my stats page: theAdhocracy's Last.fm stats. There are lots of great data […]

A new accessibility icon

The Accessible Icon Project are an interesting group of designers and disability advocates that have developed an alternative, modernised take on the standard "disabled access" icon. The result is […]

Wombo art

Generate your own surreal landscapes and posters. Pick a style, give the algorithm a prompt, and just let it create something bizarre or wonderful. A great way to quickly iterate some ideas for […]

Avian vector encyclopedia

The Avian Vector Encyclopedia (or AVE) is a beautiful and fascinating project at the juncture of graphic design, art, and natural history. Scott is attempting to illustrate every species of […]

Beer flavour wheel

An interesting diagram of beer tasting notes. As someone who has been tracking beer flavours for a few years, I'd like to compare my own word grid at some point; plus, this gives me some ideas for […]

Generative social media card editor

Man, I wish I'd been able to put something together like this back when I was managing a content team. The ability to just type directly into an image and have the background generatively populate […]

Ectogenesis and generative art

I stumbled onto Tyler's site while trying to find some examples of SVG manipulation and all I can say is wow 🤯 I've been a fan (and proponent) of generative art for many years, but Tyler's work […]

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.