Tim Brown organized

🍂 December 17th. Humid and warmer than usual, rain in the forecast. Standing in the morning air, typing this in one hand while Zeke pulls on his leash. Zeke is my six-year-old shepherd mix, he had ACL surgery back in August and is almost back to normal now.

The neighborhood is quiet, but the woods are lively. Merlin Bird ID picks up Junco, Chickadee, Nuthatch, Woodpecker, Robin, Goldfinch. Wishing to go hiking with my daughters, but between the weather and our usual Sunday responsibilities I don’t think it’s in the cards.

Today’s agenda is week planning, meal prep, setting this week’s workouts and vitamins, processing mail, and tidying up. Eileen and I do most of this together, over coffee, and it’s a highlight for me each week. We’ve recently subscribed to a physical Sunday newspaper too, so we may read a bit. Oh, and we’ll figure out what’s left to prepare for Christmas.

Sun, 17 Dec 2023

Clayton Christensen, The Innovator’s Solution:

Instead of asking what their company does best today, managers should ask, “What do we need to master today, and what will we need to master in the future, in order to excel on the trajectory of improvement that customers will define as important?”

Fri, 15 Dec 2023

Robin Rendle, The Next Wild Thing:

Making something as good as this requires an especially rare quality from a multi-billion dollar company though: you have to trust your employees to go find that thing. Without that trust you can’t build anything good, let alone great.

Fri, 17 Nov 2023

Personal branding as a contribution

Sun, 5 Feb 2023

Brad Frost recently highlighted his old gold about personal branding:

Jobs, technologies and trends come and go, but you as an individual remain. (...) My personal website is my home base ... the glue that ties everything together. (...) It becomes the canonical link for you as a person.

Having a canonical link about oneself is handy, and as Brad says it can lead to new opportunities and new friends. Over time, it’s also satisfying and centering to reflect on all you have built, written, and shared — nostalgia that, as Clay Routledge explains, increases optimism and confidence, and reaffirms identity. Your personal website helps you know yourself.

But even with all these incredible benefits, my personal website is not a priority at work, nor is it a priority at home. I get many of the same benefits at work and at home in different, less public ways, so it sometimes seems like I have the bases covered ... but when I neglect my site, it feels like something is missing. I struggled to understand why, and I found myself asking, “Why does my website matter so much to me?”

The answer came as I studied Clay Christensen’s teachings. He was an author and business professor focused on innovation (he wrote The Innovator’s Dilemma and other books, introducing concepts like disruption and sustaining vs. growth innovation). Toward the end of Christensen’s life, he wrote the book How Will You Measure Your Life?, explaining how innovation principles can apply to ourselves as individuals — and how business habits often cloud our judgment in our personal lives.

My website matters to me because it reaches other people (like you, dear reader). It’s a way, however small and subtle, of showing others that I care. My website is a place for playing, studying, and appreciating in a way that others can witness, and I hope that through it I may set an example, influence attitudes for the better, and contribute some good in the world.

CSS forces

Wed, 4 May 2022

Flexibility causes pressure that makes layouts look bad. We can relieve that pressure in isolated ways thanks to CSS calculations, interpolation, and container awareness, but we lack a means of interconnection that would help maintain balance in compositions.

CSS forces are values that travel from a high-pressure area to other, low-pressure areas to help layouts reach a comfortable equilibrium.

Let’s assume that this layout looks good.

Good-looking designs are hard to make. People have practiced design for centuries, and by practicing we develop our judgment about what looks good. Design may not always succeed, or feel appropriate, and we may not always agree about how good something looks, but practitioners share a general sense of overall quality or goodness.

Next, let’s assume that this layout has changed in a way that does not look good. Maybe it feels like there’s too much empty space. Maybe short paragraphs are looking weird. Maybe heading sizes seem like they need adjustment. Whatever is going on, certain pressures are causing disruption.

Layouts change for many reasons. As designers of flexible compositions, we need to understand that there is inherent balance in good-looking typography, and that this balance is disrupted by pressure that results from layout changes.

Pressure is easiest to grasp when we look at text blocks in isolation, as we did in Chapter 6 of Flexible Typesetting:

Relieving pressure gets easier with practice, because we develop schema about available options and we have experiences that inform our judgment about which options to apply in which circumstances. But relieving pressure in isolated text blocks isn’t enough to bring flexible layouts back into balance.

To achieve an active balance throughout a composition, we should borrow a concept from fluid dynamics: pressure-gradient forces.

Wikipedia:

The pressure-gradient force is the force that results when there is a difference in pressure across a surface [and it] is always directed from the region of higher-pressure to the region of lower-pressure. When a fluid is in an equilibrium state (i.e. there are no net forces, and no acceleration), the system is referred to as being in hydrostatic equilibrium.

Sounds like a recipe for balanced, fluid layouts! (Never mind that in meteorology high-pressure areas feel more comfortable and low-pressure areas mean rain. My point here is that pressure gets distributed to balance a system.)

Observing and relieving pressure shouldn’t be an isolated exercise. Pressure creates opportunities for forces to distribute relief throughout a layout. Practically speaking, this means we need the ability to recognize pressures, apply forces, and prioritize forces.

For example, a flexible line spacing value in one container could influence margins that surround the text block. That change in spaciousness may mean that nearby headings need size or spacing adjustments to stay feeling connected.

Or a scaling heading’s font size could influence a root variable that controls a measurement system, thereby affecting other parts of the composition in ways that should trickle into remote property relationships.

Always with you, it cannot be done. — Master Yoda

I don’t know how to make this idea real, but I sense the need for it to exist. Experiments with CSS variables in Vue, as well as my limited understanding of CSS module scripts, make me want to believe it is possible. I have wished for things before, and it has worked out well.

For flexible design to look as good as humans are capable of making things look, our container-oriented constraint systems need a key counterpart — a content-sensitive relationship system that balances flexible layout by prioritizing and directing forces according to pressure.

Helpful resources on racism & police reform from Jason Kottke

Sat, 13 Jun 2020

The reason that black people are in the streets has to do with the lives they’re forced to lead in this country. And they’re forced to lead these lives by the indifference and the apathy and a certain kind of ignorance — a very willful ignorance — on the part of their co-citizens.

That's James Baldwin, excerpted by Jason, who prefaces it by saying:

Hi. I wanted to take today to compile a sampling of what Black people (along with a few immigrant and other PoC voices) are saying. [...] I am trying to listen. Is America finally ready to listen? Are you ready?

In recent weeks, kottke.org has helped me focus on people, words, and images that both deserve and demand my attention and support. I am extremely grateful when Jason steers his resource-gathering and social analysis efforts & skills toward current events in the service of people who are disadvantaged and/or suffering.

For starters, listen. Please, today, set a timer for 10 minutes and try to absorb some of this:

Consider these as a set, and think about how this compounds hardship over generations:

And so much more:

Jason has also highlighted stunning art, rich literature, and arresting performances by Black creators. A goldmine of things to follow up on, support, and share further.

The truth is, most of us discover where we are headed when we arrive. — Watterson

You have to trust that the dots will somehow connect in your future. — Jobs

To do great work, the right strategy is not to plan too much. — Graham

Stories forthcoming.

About

Hello, I’m Tim Brown. I’m a designer and toolmaker with 15 years of product leadership experience.

My special interest is typography, a fancy word that means using fonts. I’m Head of Typography at Adobe, where I work on design tools and help people stay sharp.

I live and work in New York State’s Hudson Valley with my wife and college sweetheart Eileen, our three daughters, and our dogs.

Please feel welcome to email and connect on social.

Featured

Flexible Typesetting Flexible Typesetting is a book about how to make websites and apps look great at different screen sizes.

Practicing Typography Basics Practicing Typography Basics is a short, free video series for both beginners and pros. Meditation for designers.

Blogroll

Feeds & social

RSS: tbrown.org/feed.xml

@timbrown • @typesetting
LinkedIn • Polywork

Colophon

This website was designed by me (Tim Brown) in CodePen and Visual Studio Code. It’s typeset in Fern by David Jonathan Ross, with Mallory by Tobias Frere-Jones and Source Code Pro by Paul Hunt.

Generated by 11ty, managed on GitHub, hosted on Netlify, registered with Hover, and measured with Fathom.

My friend Chris Silverman illustrated the header graphic. Yes, it’s a BOTW reference!