Fun with code

Chroma

Chroma is a single prompt color generator for design systems with automated assignment of semantic tokens based on WCAG compliant contrast ratios. Currently in BETA.

HTML
CSS
JS
Practice session quiz interface showing question 1 of 100 with a timer set at 1 hour 59 minutes and 30 seconds. The question asks, 'What is the purpose of the Marrakesh Treaty?' Four multiple-choice answers are listed: A) To promote employment opportunities for individuals with disabilities; B) To establish procurement standards for ICT accessibility; C) To facilitate access to published works for people with visual impairments; D) To ensure accessibility standards are adopted globally. A button below reads 'Submit quiz early.'

CPACC Quiz

A knowledge quiz on accessibility for those who are preparing for their CPACC certification.

HTML
CSS
JS
Screenshot from paranoise.com homepage

Paranoise Radio

Website for Paranoise Radio featuring synchronisation with Google Calendar and persistent audio

WEBFLOW
CSS
JS
Screenshot from the tool

Intervention strategies

Based on Donella Meadows' essay "Leverage points, places to intervene in a System", this app randomly presents a leverage point to the user. Used in systemic design workshops

HTML
CSS
JS
Screenshot from the provocation engine app

The provocation engine

An ideation workshop tool, presenting provocative hypothetical arguments to sparkle innovative ideas.

HTML
CSS
JS
Screenshot from ideation cubes app

Ideation cubes

An "app" version of the board game Story Cubes to be used in ideation workshops.

HTML
CSS
JS