I'm going to do a show and tell of the picture hanging generator app at eyeo so I'm putting together inspiration slides. First up is Jon Gold's post about Declarative Design Tools.

From: https://jon.gold/2016/06/declarative-design-tools/

Prototyping styling for the prototype in a notebook.

From: https://beta.observablehq.com/@grantcuster/word-category-visualization

Seems reasonable.

A nice and really well-scoped explainer by Nicky Case.

From: http://ncase.me/attractors/

More navigation signposting added to the picture hanging arranger algorithm.

I got the permutation explorer working well enough to add the generated arrangements back in.

Drilling down through permutations.

Figuring out how to break the picture hanging permutations into levels.

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