Going to try making the report illustrations in Figma this time around.

On different metaphors for websites. A good reminder that you get to choose.

From: https://thecreativeindependent.com/people/laurel-schwulst-my-website-is-a-shifting-house-next-to-a-river-of-knowledge-what-could-yours-be/

Working on a web app version of the picture hanging arrangement algorithm.

Exploring the next report color.

From: https://beta.observablehq.com/@grantcuster/fast-forward-labs-report-colors

The Creative Independent let's editors highlight certain passages to draw attention. It's a really nicely-scoped annotation feature -- easy to understand what is happening for both the audience and different editors, without going down a rabbit-hole of pull-quote or formatting options. It also opens up the possibility of doing other things with those highlights.

From: https://thecreativeindependent.com/people/dan-bejar-on-having-no-process/

Some pretty cool moves in here.

From: https://medium.com/@mwichary/dark-theme-in-a-day-3518dde2955a

I made a 3d version of my accessible color contrast explorer.

From: https://beta.observablehq.com/@grantcuster/acessible-color-contrast-explorer-3d-edition

I made a color cube.

I made a notebook to explore which colors pass the web accessibility contrast thresholds.

A cool solution to determining the spacing of your color palette: use k-means clustering.

From: http://tools.medialab.sciences-po.fr/iwanthue/index.php

An HCL color space example.

From: https://beta.observablehq.com/@grantcuster/hcl-color-space-with-lightness-slider

An HCL color space example.

From: https://beta.observablehq.com/@grantcuster/hcl-color-space-with-lightness-slider

Doing some more experiments to develop intuition about LAB color space.

From: https://beta.observablehq.com/@grantcuster/lab-color-space-with-lightness-slider

I made a notebook exploring the "sinebow" rainbow a little bit. Still getting my head around color spaces.

From: https://beta.observablehq.com/@grantcuster/sinebow-lightness-test via https://beta.observablehq.com/@mbostock/sinebow

I made an example of how to nest CSS grid with fixed headers. There's an absolute positioning trick to make sure the scrollable section takes up the available space without going over. I end up using this pattern with React components a lot.

From: https://codepen.io/GrantCuster/pen/jxxYzR?editors=1100

Broadsheets and tabloids.

I'm listing the articles from the NY Post RSS feed for completely legit reasons. Also, I like how the open tabs really show the development process for this one.

Figuring out a color scheme.

We hung some pictures using advice from the picture hanging generator I made.

Experimenting with generated highlighting color schemes. Using chroma.js to set a consistent luminance.