Author: Steven Garrity

Uncovering differences in images with the Web

by Steven Garrity

This video (that I found via Waxy, who found it via the Tom Scott newsletter) does a great job of illustrating how you can visualize subtle or hidden change over time in video:

Thumbnail image from video showing clouds of mixes of bright colors and a YouTube style play button in the middle

In a much less sophisticated example of a similar principle, I sometimes use the ‘Difference’ filter mode in Photoshop (or other image tools) to catch small changes between two images.

As a simple example, these first two images (screenshots of the WordPress settings screen) are almost identical. The third image uses a ‘difference’ blend mode to make this small change obvious.

Screenshot of wordpress settings screen.
Screenshot of wordpress settings screen with tiny text difference from the previous image.
Mostly black image with small area of distorted text highlighting the difference between the two previous images.

The differences between the first two images are: a checkbox was moved down a few pixels, and the word “register” was replaced with “join”. If you open the first two images (A & B) in two browser tabs, you can also switch quickly between them and your brain will do the work to highlight the change (just like the T-Rex did in Jurassic Park before it ate that lawyer off the toilet).

As a bonus, the Web has native support for this ‘difference’ blend mode via the CSS mix-blend-mode property. I was able to put together a quick example with some simple HTML/CSS that shows the difference mode without a tool like Photoshop.

See the Pen Blend Mode by Steven Garrity (@sgarrity) on CodePen.

 

What do you call the children of your work -friends?

by Steven Garrity

I asked my coworkers today: We have terms for the children of your siblings, or the children of your children. What do you call the children of your work -friends?

I was satisfied with one colleague’s suggestion of “Coworker once removed.”

Then, many hours later, it dawned on me: Businiece (or the slightly less perfect, Businephew).

All in a day’s work.

 

Trivial Tragedy #8: The coconut

by Steven Garrity

This post is one of a series called Trivial Tragedies. Each installment is a small story of minor heartbreak that has stuck with me from my childhood.

When I was a child, our family bought a coconut from the grocery store. It was a rare and exotic novelty.

We all gathered to try and access the strange and nourishing coconut milk trapped inside the huge hairy stone.

In a time before YouTube, we had to resort to our own ingenuity to open the coconut. We moved the operation out into our garage where we tried a hammer and nails. We tried a drill and screwdriver.

Eventually, we smashed the coconut open and watched as a tiny splash of coconut milk trickled out onto the dirty garage floor.

 

“AI outputs can be misleading or wrong”

by Steven Garrity

AI features keep popping up in all of the digital products I use. Figma, Photoshop, Notion, Zoom. These products tend to prompt acceptance of vague privacy terms that may or may not feed your private/company data into the AI slurry.

Figma added some AI generation tools into their FigJam product under a “Beta” caveat. I’m both impressed at how candid they are and troubled at how they are comfortable shipping a feature that requires such a warning:

“AI outputs can be misleading or wrong”

— FigJam product, which uses AI…
Screenshot of software interface with text input to generate material with AI and a warning that reads 'AI outputs can be misleading or wrong'

Also, if you ask the Photoshop’s AI-powered “Generative Fill” feature to draw something “with a transparent background”, it renders a messy checker-board background that is sometimes used to illustrate transparency.

Two images of trees with an uneven checker-board pattern in the background.

Lots of power, lots of potential, lots of problems.