Stop using HSL for colour systems
Read NoteA 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 …
theAdhocracy
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 …
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 …
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 …
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 …
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.
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).
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 …
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.
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 …
As far as years go, 2021 held some pretty big surprises and featured some fairly grown-up decisions. Life will never be the same again...
A lovely overview of much of the new CSS that has landed (or is landing) in browsers recently, and how that relates to component-led …
I read the entirety of the EAA – including all supporting documentation – so you don't have to.
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.
Migrating content between fields in Craft is not as simple as it might be. In the wake of Craft 5, I've been getting a lot of practice, and wanted to write up some of the techniques I've been using.
Creating a border along half of a circular element using CSS gradients and background images.