Search

Post types:
Categories:
🔖

Stop using HSL for colour systems

Read Note

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 …

🔖

Better image optimisation by restricting the colour index

Read Note

When optimising images with only a few visible colours, reducing the output colour space can have massive savings (Eric is talking about the Acorn software …

🔖

Colour contrast checker

Read Note

Coolors are generally my first stop for palette design anyway, but now that I've discovered this quick WCAG contrast checker they've become invaluable. There are a few similar tools out there, but …

🔖

Accessible LCh colour palette generator

Read Note

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 …

📖

Editing Commit History in Git/GitHub

Read Article

I was recently given a new laptop at work (🥳), but failed to realise that my Git author details weren't syncing correctly with GitHub for almost a month... 🤦 Rather than simply accept those white squares, I decided to rewrite the repository history. The process turns out to be quite simple, but I still hit several snags so figured it could be useful to document my fixes and errors.

📖

Sparkbox Notes

Read Article

Notes from my second fully remote conference, this time Sparkbox's UnConference. Being able to freely access talks from the US is a rare bonus of everything going on right now, and this did not disappoint. Musical cameos, great talks on UX, accessibility, design systems, and amazing speakers. Great event (despite the time difference).

🔖

How to change the background colour of a word in InDesign

Read Note

I'm using InDesign increasingly it seems and overall I really dig it, but I recently ran into a fairly simple problem that doesn't have an official solution: inline code styling. It's pretty much a …

📖

About the Divide

Read Article

The idea of a great divide in front-end development resonated with me. I'm worried about how the erosion of certain skills could lead to a less inclusive, accessible web, for both users and developers. On the other hand, there are some massive advantages to our new tools. It's a double-edged sword.

🔖

Fully repairable laptops

Read Note

A fully repairable laptop design, as thin as a standard ultrabook and with high-end Intel parts, up to 64GB RAM, and up to 1TB of hard drive space. I/O is hot-swappable, so you can configure the …

📖

Transparent Layers With Color-Mix

Read Article

The color-mix property enables a lot of interesting functionality when you realise that you can use it to mix transparency into colours, including design tokens.