Tim Brown, organized2024-01-25T23:00:00Zhttps://tbrown.org/Tim Browntim@tbrown.orgJournal, 25 January2024-01-25T23:00:00Zhttps://tbrown.org/notes/2024/01/25/journal/<p>š² <em>January 25th</em>. Rain and warm temperatures melted the blanket of snow from our yard. Some of my stress has melted away too, after a solid workout this morning, breakfast with Eileen and our 6yo (who flipped a pancake piece to the dog), and lunch with my friend and colleague Ivan Bettger.</p>
<p>Work-wise, weāre nearing the end of a six-week scope of effort. Achieving our goals was at risk because a key task became complex, but my teammate Jason shared news today that everything had fallen into place just in time. Iām looking forward to sharing with the broader team our gains on the two tracks as planned. Plus, we enlisted two additional helpers and found out weāll be hiring to grow the team.</p>
<p>Oh, and another work project sped up considerably this week. A whole team of talented designers got busy using a tool we prototyped last year. What theyāre cranking out looks great, and they gave us valuable feedback to improve the tool.</p>
<p>My mind has been mostly on this work recently. Itās a critical moment, transitioning two disruptive concepts that weāve prototyped into standard projects that move through the usual process. I feel proud that when Adobe finally hired a prototyper to work with me 1:1, we started producing concepts that became high priorities for the company.</p>
Human existence should be like a river2024-01-12T23:00:00Zhttps://tbrown.org/notes/2024/01/12/like-a-river/<p>Bertrand Russell, <a href="https://www.themarginalian.org/2018/07/03/how-to-grow-old-bertrand-russell/"><em>How to Grow Old</em></a>:</p>
<blockquote>
<p>An individual human existence should be like a river: small at first, narrowly contained within its banks, and rushing passionately past rocks and over waterfalls. Gradually the river grows wider, the banks recede, the waters flow more quietly, and in the end, without any visible break, they become merged in the sea, and painlessly lose their individual being. The man who, in old age, can see his life in this way, will not suffer from the fear of death, since the things he cares for will continue. And if, with the decay of vitality, weariness increases, the thought of rest will not be unwelcome. I should wish to die while still at work, knowing that others will carry on what I can no longer do and content in the thought that what was possible has been done.</p>
</blockquote>
<p>My goodness, this is beautiful.</p>
The place isnāt the thing2024-01-03T18:25:00Zhttps://tbrown.org/notes/2024/01/03/place-isnt-thing/<p>Rick Rubin <a href="https://overcast.fm/+_cBf5xu0Y">interviewing Daniel Kaluuya</a>:</p>
<blockquote>
<p>DK: The junction nature of London is London. The kind of people coming in and outā¦</p>
<p>RR: Thatās what makes London London, that cycle.</p>
<p>DK: Yeah yeah, itās the Somalis, itās the Kosovans, thereās a new wave. Come in, leave, come in. That whole thing about āthings are always supposed to stay the sameā ... holding onto that is hurting yourself ā¦ the place isnāt the thing, itās the people.</p>
</blockquote>
Practicing Typography Basics2024-01-02T15:40:00Zhttps://tbrown.org/notes/2024/01/02/practicing-typography-basics/<p>I recently recorded <a href="https://www.youtube.com/watch?v=hkOqk8kf1xk">a short video series that Adobe is now releasing on YouTube</a> as part of the <em>Foundations of Graphic Design</em> series. In these videos, I cover making body text easy to read, catching attention with display text, guiding readers through information, and learning how typography feels.</p>
<p>Many good ātypography basicsā videos already explain the worldly importance of typography and illustrate terminology. So instead, I wanted to emphasize the intangible practices and judgments that make a difference for great typography and help us stay sharp.</p>
<p>Thanks to Sandeep Kulkarni for championing domain expertise. Shout-outs to Wendy Strauss, Shanti Sparrow, Meghan Ryan, Jessie Smith, Amanda Dowd, Brian Wood, and the whole Learn team. Thanks to Ben Welch for helping me set a down-to-earth tone, supplying great examples, and sharing audio advice.</p>
<p>Buy my book, <a href="https://abookapart.com/products/flexible-typesetting">Flexible Typesetting</a>, and level-up to sophisticated digital typography by building on the basics in these videos. Get 50% off with code: FTBASICS</p>
Budgeting with YNAB2023-12-30T22:25:00Zhttps://tbrown.org/notes/2023/12/30/ynab/<p>For many years Iāve been a happy You Need A Budget customer, and as we head into 2024 it continues to be an important part of my financial strategy. Saving up for emergencies and big expenses, hedging fluctuating categories, checking digital envelopes before making a purchase, and tracking all bank transactions in one place are habits that give me peace of mind and help reduce stress in stressful times.</p>
<p><abbr title="You Need A Budget">YNAB</abbr> is a rare and valuable service that makes responsibility easier and helps me take good care of my family. <a href="https://ynab.com/referral/?ref=FkUmWwyNpmpiAkJU">Sign up with this referral link</a> and we each get a free month.</p>
Journal, 29 December2023-12-30T03:40:00Zhttps://tbrown.org/notes/2023/12/30/journal/<p>š <em>December 29th</em>. Rainy and warm. Very grateful for holiday vacation time. As Eileen and I drove to pick up the kids from a sleepover we discussed definitions of done for our quarterly goals, then I time-blocked the calendar when I got back to my iPad. Listened to <a href="https://www.hubermanlab.com/episode/rick-rubin-protocols-to-access-creative-energy-and-process">Rick Rubin on Huberman</a>. Revisited Rickās book <a href="https://search.worldcat.org/title/The-creative-act-:-a-way-of-being/oclc/1356576146"><em>The Creative Act</em></a> and highlighted many sections.</p>
<p>Read a stack of books with my 6yo, including some <a href="https://search.worldcat.org/title/1376474840">Elephant and Piggie</a> and a few pages of her new Highlights puzzle book. Finished reading <a href="https://search.worldcat.org/title/859605653">the first Warrior Cats novel</a> because my 11yo <em>insisted</em>. It was a fun read, and fun to discuss with her, though I still have trouble remembering the many charactersā names (which change repeatedly).</p>
<p>Played <a href="https://www.playravine.com/">Ravine</a> with my older girls, a cooperative board game they got for Christmas that involves foraging and crafting for survival after a plane crash. Our party died several times from storms, animals, and poisoned mushrooms, but then we lucked out by finding permanent shelter in a cave.</p>
<p>To finish the day we had a candlelit dinner of pasta/quinoa with family-recipe homemade sauce and opened bottles of Montepulciano and sparkling cider.</p>
Visionaries2023-12-23T19:31:00Zhttps://tbrown.org/notes/2023/12/23/visionaries/<p>Rick Rubin, <a href="https://overcast.fm/+_cBdVfcLs">interviewing Arnold Schwarzenegger</a>:</p>
<blockquote>
<p>RR: When you list the great directors that you worked with, if you think of each of them, would you say there are any qualities that they all shared? What made those people so great, from your perspective?</p>
<p>AS: All of them had vision. When they tell you the movie that they want to do, they will look out into emptiness and tell you of what the movie will be about. And whatās important in this movie, and how you should play the role in this movie, and what theyāre trying to get across. So they were visionaries ... all of them had a vision. They had the guts to do it. They didnāt think small, they thought big. And they didnāt listen to the naysayers.</p>
</blockquote>
<p>Listened to this yesterday, and it was just what I needed to hear. What an inspiring interview! An early Christmas present from two legends. I appreciate Rickās deep curiosity and Arnoldās forthright guidance.</p>
Hard-Boiled Wonderland and the End of the World2023-12-22T14:00:00Zhttps://tbrown.org/notes/2023/12/22/hardboiled/<p><strong><em><a href="https://www.harukimurakami.com/book/hard-boiled-wonderland-and-the-end-of-the-world">Hard-Boiled Wonderland and the End of the World</a></em> by Haruki Murakami</strong>. Entertaining dual stories, linked psychologically. I didnāt understand all the connections. āInklingsā seemed unnecessary, but maybe that was the point? Was the real world also psychological? In any case it had <em>the Murakami effect</em> of making me want to grocery shop, listen to music, and drink whiskey. (Via <a href="https://www.linkedin.com/in/talinwadsworth/">Talin Wadsworth</a>.)</p>
Drawing comics2023-12-21T03:57:00Zhttps://tbrown.org/notes/2023/12/21/drawing-comics/<p><img src="https://tbrown.org/images/comics/20231220-comic-white.png" alt="Three-panel comic in a sketchy pencil style. | Tim sits in a chair in his living room, legs crossed, iPad on lap. He thinks, āHmm. Wonder if I shold practice drawing comics.ā | Next a closeup of Tim's head. He thinks, āI havenāt drawn in a while, and this doesnāt look like me.ā | Then a wide panel, first-person perspective showing Timās hand drawing this very comic on the iPad, with the iPad resting on his leg. He thinks, āBut itās fun. I love comics. And I could show the kids. I could improve.ā" /></p>
<p>Thanks to Veronica Lewis for <a href="https://veroniiiica.com/how-to-write-alt-text-digital-comics/">tips on alt text for comics</a>.</p>
Feedback is a gift2023-12-20T20:07:00Zhttps://tbrown.org/notes/2023/12/20/feedback-is-a-gift/<p>Iām fortunate to work with an excellent manager. She gives me freedom, encourages me, and helps me grow. With her guidance, I spent 2023 regularly interviewing customers and managing the prototyping of two concepts that became high priorities for our team (one of them our top priority). It was a wonderful learning experience, feeling out new processes and facing the pressure of strong interest in nascent plans.</p>
<p>But while I was learning and growing, my team was struggling to understand me (and my projects). I know this because my manager gathered feedback from my colleagues, collating and sharing it with me as part of a new <a href="https://www.shortform.com/summary/coaching-for-performance-summary-sir-john-whitmore">coaching</a> process. The feedback touched on my strengths, but I focused on the āareas to improveā.</p>
<p>To be frank, when I first got this feedback I felt many negative emotions. I felt angry, embarrassed, and discouraged. I felt my colleagues judged me unfairly, and I criticized myself as I thought back over the months. I couldnāt settle these negative emotions, so late that evening I dumped all the feedback into a text file and spilled out my reactions line-by-line. Theraputic!</p>
<p>Next morning, after taking a fresh look, I distilled the feedback into five prioritiesĀ āĀ and realized that my super-smart, hard-working colleagues had given me a playbook for how to be a better teammate and how to improve all of our working lives. These priorities aligned perfectly with the quarterly goals I had just set for myself, so I included them as ācoaching improvementsā in each relevant goalās definition of done. Because I have confidence in knocking out quarterly goals, I know I can address this feedback too and make positive changes.</p>
<p>Coincidentally, I recently listened to the Huberman Lab podcast episode with Dr. Adam Grant, in which <a href="https://www.hubermanlab.com/episode/dr-adam-grant-how-to-unlock-your-potential-motivation-unique-abilities?timestamp=4035">Grant describes the concept of a āsecond scoreā</a>. He tells a story about giving a workshop to high-ranking military officials and receiving tough feedback (they felt he had wasted their time), effectively a low score. Grant felt bad, just like I did. And rather than settle for this, he responded by trying to get a high score on <em>how well he responded to the first score</em>. The second score reflects how well we take feedback.</p>
<p>Iām grateful for my colleaguesā advice, grateful for my caring manager, and grateful for my ability to respond with understanding and agency. And Iām shooting for a high second score.</p>
Ridiculous, at first2023-12-19T20:04:00Zhttps://tbrown.org/notes/2023/12/19/ridiculous-at-first/<p>Jane McGonigal, <a href="https://www.goodreads.com/book/show/59833689-imaginable"><em>Imaginable</em></a>:</p>
<blockquote>
<p>This is how you become a pioneer. And itās something Iāve seen again and again: itās so much easier to come up with new innovations, to imagine new products and services and businesses and art forms, when you play with <em>ridiculous, at first</em>, ideas ā because far fewer people are thinking about and getting ready for these āunthinkableā futures. You get to the ideas first.</p>
</blockquote>
You must shift your focus2023-12-18T19:24:00Zhttps://tbrown.org/notes/2023/12/18/shift-your-focus/<p>Jody Rosen, <a href="https://www.newyorker.com/sports/world-cup-2022/the-genius-of-lionel-messi-just-walking-around">The Genius of Lionel Messi Just Walking Around</a>:</p>
<blockquote>
<p>If you ask any astute observer ā an experienced coach or player or tactically tuned-in analyst āĀ how to understand the game, they will advise you to take your eyes off the ball. There may well be an analogous precept, with a German name, in philosophy or art history or mechanical physics. The idea is this: to apprehend the main thrust of the narrative, to really wrap your mind around whatās going on, you must shift your focus from the foreground to the background.</p>
</blockquote>
<p>Making me want to articulate the product management challenges of oscillating between broad awareness (which drives good decision-making) and directed storytelling (which drives clarity). Especially tough during periods of technological disruption, when swinging from one to the other must happen frequently and quickly.</p>
<p>(<a href="https://kottke.org/22/12/0041331-the-genius-of-lionel-mess">Via Jason Kottke</a>.)</p>
Journal, 17 December2023-12-17T15:16:00Zhttps://tbrown.org/notes/2023/12/17/journal/<p>š <em>December 17th</em>. 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 <abbr title="Anterior Cruciate Ligament">ACL</abbr> surgery back in August and is almost back to normal now.</p>
<p>The neighborhood is quiet, but the woods are lively. <a href="https://merlin.allaboutbirds.org/">Merlin Bird ID</a> 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.</p>
<p>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.</p>
Managers should ask2023-12-15T03:43:00Zhttps://tbrown.org/notes/2023/12/15/managers-should-ask/<p>Clayton Christensen, <a href="https://www.christenseninstitute.org/books/the-innovators-solution/"><em>The Innovatorās Solution</em></a>:</p>
<blockquote>
<p>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?ā</p>
</blockquote>
Without that trust2023-11-17T23:00:00Zhttps://tbrown.org/notes/2023/11/17/without-that-trust/<p>Robin Rendle, <a href="https://robinrendle.com/newsletter/the-next-wild-thing/">The Next Wild Thing</a>:</p>
<blockquote>
<p>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.</p>
</blockquote>
Personal branding as a contribution2023-02-05T17:00:00Zhttps://tbrown.org/notes/2023/02/05/personal-branding-as-a-contribution/<p>Brad Frost recently highlighted <a href="https://bradfrost.com/blog/post/on-personal-branding/">his old gold about personal branding</a>:</p>
<blockquote>
<p>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.</p>
</blockquote>
<p>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, <a href="https://m.youtube.com/watch?v=2z1PK6CzgCc">increases optimism and confidence, and reaffirms identity</a>. Your personal website helps you know yourself.</p>
<p>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?ā</p>
<p>The answer came as I studied Clay Christensenās teachings. He was an author and business professor focused on innovation (he wrote <em>The Innovatorās Dilemma</em> and other books, introducing concepts like disruption and sustaining vs. growth innovation). Toward the end of Christensenās life, he wrote the book <a href="https://www.indiebound.org/book/9780062102416"><em>How Will You Measure Your Life?</em></a>, explaining how innovation principles can apply to ourselves as individuals āĀ and how business habits often cloud our judgment in our personal lives.</p>
<p>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.</p>
CSS forces2022-05-04T17:00:00Zhttps://tbrown.org/notes/2022/05/04/css-forces/<p>Flexibility causes pressure that makes layouts look bad. We can relieve that pressure in isolated ways thanks to <abbr>CSS</abbr> calculations, interpolation, and container awareness, but we lack a means of interconnection that would help maintain balance in compositions.</p>
<p><strong><abbr>CSS</abbr> forces</strong> are values that travel from a high-pressure area to other, low-pressure areas to help layouts reach a comfortable equilibrium.</p>
<img src="https://tbrown.org/images/uploads/forces-fig1-layout.png" alt="" title="" />
<p>Letās assume that this layout looks good.</p>
<p>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 <em>how</em> good something looks, but practitioners share a general sense of overall quality or goodness.</p>
<img src="https://tbrown.org/images/uploads/forces-fig2-pressure.png" alt="" title="" />
<p>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.</p>
<p>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.</p>
<p>Pressure is easiest to grasp when we look at text blocks in isolation, as we did in Chapter 6 of <a href="https://bkaprt.com/ft">Flexible Typesetting</a>:</p>
<p><a href="https://codepen.io/collection/XgmEyV"><img src="https://tbrown.org/images/uploads/codepen-pressures.png" alt="" title="" /></a></p>
<p>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.</p>
<p>To achieve an active balance throughout a composition, we should borrow a concept from fluid dynamics: pressure-gradient forces.</p>
<img src="https://tbrown.org/images/uploads/forces-fig3-pgf.png" alt="" title="" />
<p>Wikipedia:</p>
<blockquote>
<p>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.</p>
</blockquote>
<p>Sounds like a recipe for balanced, fluid layouts! (<em>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.</em>)</p>
<img src="https://tbrown.org/images/uploads/forces-fig4-force-flow.png" alt="" title="" />
<p>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.</p>
<img src="https://tbrown.org/images/uploads/forces-fig5-force-interelement.png" alt="" title="" />
<p>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.</p>
<img src="https://tbrown.org/images/uploads/forces-fig6-force-scale.png" alt="" title="" />
<p>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.</p>
<blockquote>
<p>Always with you, it cannot be done. āĀ Master Yoda</p>
</blockquote>
<p>I donāt know how to make this idea real, but I sense the need for it to exist. Experiments with <abbr>CSS</abbr> variables in Vue, as well as my limited understanding of <abbr>CSS</abbr> module scripts, make me want to believe it is possible. I have wished for things before, and <a href="https://tbrown.org/notes/2012/02/03/molten-leading-or-fluid-line-height/">it has worked out well</a>.</p>
<p>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 <em>relationship system</em> that balances flexible layout by prioritizing and directing forces according to pressure.</p>
Helpful resources on racism & police reform from Jason Kottke2020-06-13T01:00:17Zhttps://tbrown.org/notes/2020/06/13/jason-kottke-offers-a-variety-of-helpful-resources-on-racism-police-reform/<blockquote>
<p>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.</p>
</blockquote>
<p>That's James Baldwin, excerpted by Jason, who prefaces it by saying:</p>
<blockquote>
<p>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?</p>
</blockquote>
<p>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.</p>
<p>For starters, listen. Please, today, set a timer for 10 minutes and try to absorb some of this:</p>
<ul>
<li><a href="https://kottke.org/20/05/listening-to-black-voices-amid-murder-violence-protest-and-pandemic">Listening to Black Voices Amid Murder, Violence, Protest, and Pandemic</a></li>
</ul>
<p>Consider these as a set, and think about how this compounds hardship over generations:</p>
<ul>
<li><a href="https://kottke.org/20/06/increasingly-rightwing-police-unions-have-made-policing-more-dangerous-in-america">āIncreasingly Rightwingā Police Unions Have Made Policing More Dangerous In America</a> āĀ Violent policing is systematically protected from accountability & consequence.</li>
<li><a href="https://kottke.org/20/06/nixon-started-the-war-on-drugs">Nixon Started the War on Drugs to Target Black People & the Antiwar Left</a> āĀ That system of protection has racist roots <em>by design</em>.</li>
<li><a href="https://kottke.org/20/06/the-game-is-fixed-against-black-people-in-america">āThe Game Is Fixedā Against Black People in America</a> āĀ And this is how it makes people feel. Kottke: "Iāve never heard the long, shameful, and deadly history of white supremacy in America summed up any better or more succinctly than Jones does here."</li>
</ul>
<p>And so much more:</p>
<ul>
<li><a href="https://kottke.org/20/06/a-short-history-of-housing-segregation-in-america">A Short History of Housing Segregation in America</a> āĀ Devastating.</li>
<li><a href="https://kottke.org/20/06/confessions-of-a-former-bastard-cop">Confessions of a Former Bastard Cop</a> āĀ Kottke: "This essay corroborates what activists have been saying about the police for decades."</li>
<li><a href="https://kottke.org/20/06/police-abolition-defund-the-police">Police Abolition: The Growing Movement to Defund the Police</a> āĀ Kottke: "What would a system oriented around public safety look like if it was designed from scratch rather than just piling more responsibility onto and funding into increasingly militarized and unaccountable police departments?"</li>
</ul>
<p>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.</p>
Using variable fonts should be easier and more fun2019-09-27T15:09:23Zhttps://tbrown.org/notes/2019/09/27/using-variable-fonts-should-be-easier-and-more-fun/<p>Recently <a href="https://twitter.com/typesetting/status/1176895949312057344">I asked these questions on Twitter</a>:</p>
<blockquote>
<p>Are you designing with variable fonts? Do you feel like you understand them?</p>
</blockquote>
<p>Peopleās answers vary quite a bit. I shared <a href="https://twitter.com/typesetting/status/1177015234076336131">my own answers</a>, too. Then, after my friend Erik <a href="https://twitter.com/letterror/status/1177345706383876096">made an analogy to understanding Unicode</a>, I <a href="https://twitter.com/typesetting/status/1177521935976022016">extended</a> this analogy to emoji UI:</p>
<blockquote>
<p>Using variable fonts today is like looking up smiley faces in Unicode code charts. You can do fine if you try. But compare that to using emoji in iOS. UI needs to help show that variable fonts are fun and easy ā stacks of sliders are not.</p>
</blockquote>
<p><img src="https://tbrown.org/images/uploads/dc3f5df6-f5fc-4cd3-954b-9ce6977ef3bb.jpeg" alt="" /></p>
<p>Itās high time for innovation in typographic experiences <em>generally</em>, but boring and technical variable font interfaces and workflows will continue to block all but a few people from enjoying and expressing the formatās capabilities.</p>
National Teacher Appreciation Week 2019 deal for educators2019-05-07T17:00:00Zhttps://tbrown.org/notes/2019/05/07/educators/<p>This week, educators can get a free ebook version of <a href="https://abookapart.com/products/flexible-typesetting"><em>Flexible Typesetting</em></a>, plus an invitation to the private <a href="https://slack.com/">Slack</a> group where readers and I share ideas about lesson plans. <a href="mailto:tim+educators@tbrown.org">Send me an email</a> describing your teaching work in two sentences, and Iāll send you a code to download the ebook at no charge.</p>
<p>Published in July, <em>Flexible Typesetting</em> is already required reading in elite design programs and has encouraged some to rethink core curriculum. Let's keep the trend going.</p>
<h3>Thank you!</h3>
<p>I offered this deal <a href="http://tbrown.org/notes/2019/01/04/educators/">back in January too</a>, and more than 100 teachers took me up on it. Learning from them has been excellent, and I'm sure I have a lot to learn from <em>you</em>, too.</p>
<h3>My teachers</h3>
<p>Finally, thanks to the teachers who continue to influence my life. From the acknowledgements of <em>Flexible Typesetting</em>:</p>
<blockquote>
<p>Thanks to George Laws for opening my mind to the abstraction, balance, and systems in graphic design and type, for his mentoring, and for our breakfasts. Thanks to Arthur Hoener for introducing me to typography and giving me work opportunities that catalyzed my career. Thanks to Anne Galperin and Clif Meador for helping me think critically and find confidence. Thanks to Mr. Mahon for making me feel at home in art class. Thanks to the elementary school teachers who shaped and cared for me, including Mr. Weiss, Mr. Cafon, Ms. Oliver, Mr. Schmidt, and Ms. Hart.</p>
</blockquote>
January deal for educators2019-01-04T17:00:00Zhttps://tbrown.org/notes/2019/01/04/educators/<p>Teachers on my new book, <a href="https://abookapart.com/products/flexible-typesetting"><em>Flexible Typesetting</em></a>:</p>
<blockquote>
<p>An outstanding text if you want to learn how to set harmonious text both on the web *and* print. 10/10</p>
<cite>āĀ <a href="http://www.thomasjockin.com/">Thomas Jockin</a></cite>
</blockquote>
<blockquote>
<p>Students, designers, developers, and even the most seasoned typographers will gain insights into how to set type for the web and beyond.</p>
<cite>āĀ <a href="http://www.amypapaelias.com/">Amy Papaelias</a></cite>
</blockquote>
<blockquote>
<p>Having read Tim Brownās Flexible Typesetting ... Iām convinced I have to completely rethink my approach to intro type (at the very least).</p>
<cite>āĀ <a href="https://mauricemeilleur.net/">Maurice Meilleur</a></cite>
</blockquote>
<blockquote>
<p>With a refreshing clarity found throughout Flexible Typesetting, Tim Brown explains whatās important in setting type for the web, but also why and how itās important.</p>
<cite>āĀ <a href="https://frerejones.com/">Tobias Frere-Jones</a></cite>
</blockquote>
<p>Published in July, <em>Flexible Typesetting</em> is already required reading in elite design programs and has encouraged some to rethink core curriculum. Let's keep the trend going.</p>
<p>From now until the end of January, educators can get a free ebook version of <em>Flexible Typesetting</em>, plus an invitation to the private <a href="https://slack.com/">Slack</a> group where readers and I share ideas about lesson plans. <a href="mailto:tim+educators@tbrown.org">Send me an email</a> describing your teaching work in two sentences, and Iāll send you a code to download the ebook at no charge.</p>
Blogroll update2019-01-04T17:00:00Zhttps://tbrown.org/notes/2019/01/04/blogroll/<p>Adding a couple more sites to <a href="http://tbrown.org/">the blogroll</a>:</p>
<p><a href="https://www.chenhuijing.com/">Chen Hui Jing</a> has a finger on the pulse of web design, consistently sharing interesting news and resources āĀ with a recent focus on East Asian typography and layout. I follow HJās <a href="https://www.chenhuijing.com/blog/#%F0%9F%91%BE">blog</a> and <a href="https://twitter.com/hj_chen">Twitter feed</a>. Looks like thereās also a bunch of good stuff on <a href="https://noti.st/huijing">Notist</a>.</p>
<p><a href="https://andy-bell.design/">Andy Bell</a> is an independent web developer with <a href="https://andy-bell.design/writing/">a blog</a> and all the right priorities. Andy's projects include <a href="https://mybrowser.fyi/">My Browser</a>, a tool for extracting a user's browser information (very helpful for customer support) and <a href="https://devpal.io/">DevPal</a>, a Q&A experience for web developers.</p>
Well, that was excellent2018-12-29T17:00:00Zhttps://tbrown.org/notes/2018/12/29/that-was-excellent/<p>Wrote this on September 3rd, then got so busy I forgot to post it:</p>
<blockquote>
<p>I just returned to my desk after my first Adobe sabbatical ā four weeks' time off for having worked at Adobe for five years. Along with the standard, two-week vacation time and our one-week company shutdown in July, that makes a total of seven weeks' vacation this year. The winter holidays ahead will make it eight.</p>
<p>What an incredible privilege it has been, and is! This amount of paid leave is life-changing. In 2018, Eileen and I took the kids on a vacation and two camping trips, we reorganized 10 years of basement clutter (making our house 50% bigger), and we spent lots of time with extended family. I also read a few books, did some cooking, and generally took my mind off work for a while.</p>
<p>Now that Iām back at work, I feel supercharged. The peace of mind I gained from all my time off has made me feel very focused, and my fresh eyes have made it easier to see all the moving pieces in projects. I feel unstoppable.</p>
<p>Whoever decided that Adobe should offer paid sabbaticals, company shutdown weeks, and other generous time-off opportunities was very smart.</p>
</blockquote>
<p>As I publish this, I'm in the middle of that winter break I mentioned. The focused, unstoppable feeling I had back in September never went away. I spent the fall months learning from people all across this giant company, collaborating on strategy, and designing new typographic tools. 2019 is going to be fun.</p>
<p>Until then, though, Iāll continue playing Minecraft with my two older girls and reading books to my youngest āĀ if I must! š„°</p>
Trying out an iOS publishing setup2018-11-03T17:00:00Zhttps://tbrown.org/notes/2018/11/03/test/<p>It isnāt entirely comfortable yet, but I believe I now have a way to easily write and publish this siteās Jekyll-based posts from iOS āĀ without writing code or actually running Jekyll. I can write in Ulysses and use the standard share feature to publish.</p>
<p>The key pieces are a customized version of <a href="https://www.ryandaigle.com/a/ipad-pro-publishing-from-ulysses-to-jekyll-with-one-tap/">Ryan Daigleās iOS shortcut</a>, the iOS app <a href="https://workingcopyapp.com/">Working Copy</a> (Ryanās post explains how these two things work together) and Netlify, which automatically deploys my site from a GitHub repo with each commit. Thatās one really nice thing about this setup āĀ change management happens automatically.</p>
<p>Updating posts and working on other aspects of my site is possible on iOS too, although itās even less comfortable: using Working Copyās WebDAV Server feature as a remote site in Coda, I can edit easily ... but then I have to go through some motions to get the edits committed and pushed. Working Copy is a powerful app, but its Repository view does not inspire confidence. (And now that Iām done editing this post in Coda, letās see if I can get it updated via Working Copy and live on my site...)</p>
Frank Chimeroās ladder2018-10-30T17:00:00Zhttps://tbrown.org/notes/2018/10/30/frank-chimeros-ladder/<p>Five minutes ago, to my embarrassment, I realized that the ladder analogy I used in <a href="http://flexibletypesetting.com/">Flexible Typesetting</a> was based on Frank Chimeroās ladder analogy from <a href="https://shapeofdesignbook.com/">The Shape of Design</a>. Frank wrote <a href="https://shapeofdesignbook.com/chapters/01-how-and-why/">in Chapter 1</a>:</p>
<blockquote>
<p>The creative process could be said to resemble a ladder, where the bottom rung is the blank page and the top rung the final piece. In between, the artist climbs the ladder by making a series of choices and executing them.</p>
</blockquote>
<p>I wish I had realized this at some point during the <em>three years</em> I worked on my book, becuase I would have loved to cite Frankās excellent book āĀ a book that deserves an active spot on your shelf (even though <a href="https://shapeofdesignbook.com/">it is available to read online for free</a>). I loved <em>The Shape of Design</em>, and as you can see it deeply influenced me.</p>
<p>No doubt Frankās work and writing will continue to inspire me, and to shape the core of my thinking so much that I will again forget it was he who catalyzed the ideas (or, simply, gave them to me).</p>
I sorta left Twitter2018-09-29T17:00:00Zhttps://tbrown.org/notes/2018/09/29/i-sorta-left-twitter/<p>For many years, Twitter felt like an amazing place to share what I was doing, to meet new people, and to help spread positive energy and good ideas. I did all of that, and I loved it. But Twitter gradually became awful.</p>
<p>It came to my attention years ago that on Twitter, harassment goes unchecked. This began with <a href="https://www.nytimes.com/2014/10/16/technology/gamergate-women-video-game-threats-anita-sarkeesian.html">GamerGate</a>, reached its height with our disgraceful presidentās continual presence, and by the time <a href="https://lifehacker.com/its-time-to-quit-twitter-1828307515">#DeactiDay</a> rolled around I was already checked out. I regret actively using the service for as long as I did, because in retrospect it is very clear that Twitter never cared about the people who were being harassed. Along with these principled reasons for spending less time on Twitter, the company also changed its API, which meant that the app I liked best for using it (<a href="https://tapbots.com/tweetbot/">Tweetbot</a>) lost some good features.</p>
<p>Twitter has severely disappointed me. I havenāt deactivated my accounts, but I donāt use them like I once did. I try to acknowledge people who mention me, and promote friendsā stuff if I see it, but I donāt intend to share my own ideas there for the foreseeable future. I may post occasionally to remind Twitter followers that I am active elsewhere.</p>
<p>I have moved over to Mastodon for now (<a href="https://mastodon.social/@timbrown">@timbrown</a>, <a href="https://mastodon.social/@typesetting">@typesetting</a>). But Mastodon also has its share of harassment issues, and currently lacks a Tweetbot-quality client. Going forward, I will try any new service that seems promising. I have also begun a <a href="https://adactio.com/notes/">Jeremy-Keith-style</a>, hosting-and-syndicating of <a href="https://tbrown.org/thoughts/2017/06/24/thought/">my own brief thoughts</a>. This again has its drawbacks āĀ I canāt easily post from iOS (my setup runs <a href="https://jekyllrb.com/">Jekyll</a>), and I havenāt even tried to get any reply/follow anything going (if thatās even a possibility).</p>
<p>In summary, Iām using social media in a rather messy way these days, and using it a lot less. I miss it, but Iāve had enough of the worldās current offerings. I would pay a good chunk of money, monthly, for a solidly-designed social network built with the right priorities.</p>
Hey Siri, take a memo2018-09-28T17:00:00Zhttps://tbrown.org/notes/2018/09/28/hey-siri-take-a-memo/<p>When Iām preparing a new talk for speaking engagments, it often begins as a messy process. Iāll jot down an outline, then Iāll go over it in my mindĀ while Iām driving or doing chores. In those moments, when Iām doing other stuff, I find voice memos to be super useful.</p>
<p>Iāve been using a program called <a href="https://itunes.apple.com/us/app/recup-record-to-the-cloud/id416288287">RecUp</a> (formerly DropVox) that begins recording immediately when I start the app, and saves the resulting file to Dropbox. Itās an incredibly solid app that I have relied on for years. When Iām back at my desk, I listen to the voice memos & transcribe them āĀ that gets my brain going, helps me flesh out the outline.</p>
<p>Today I upgraded to iOS 12, and I saw that the native Voice Memos app now syncs with iCloud. And thereās a new <a href="https://support.apple.com/guide/shortcuts/welcome/ios"><em>shortcut</em></a> to ask Siri to begin recording a voice memo (Settings ā Voice Memos ā Siri & Search ā Shortcuts).</p>
<p>Itād be tempting to switch if this worked while the phone is locked, because thatās the only thing I dislike about my RecUp system. I can say, āHey Siri, open RecUpā and the recording begins ... but only if the phone is unlocked.</p>
Tempo experiments2018-09-27T17:00:00Zhttps://tbrown.org/notes/2018/09/27/tempo-experiments/<p>Some Adobe colleagues are prototyping a new tool and taking a fresh look at typographic features, so they asked me and <a href="https://twitter.com/DesignJokes">Wenting</a> to help. For this weekās meeting, I made a couple examples showing how several kinds of whitespace can be simultanously adjusted (part of Cyrus Highsmithās <em>tempo</em> idea from <em><a href="http://insideparagraphs.com/">Inside Paragraphs</a></em>):</p>
<ul>
<li>Hereās <a href="https://codepen.io/timbrown/full/gKMVWL/">tempo changing automatically</a> as text block width changes. See how the top paragraphās tempo gets tighter and looser? The lower paragraph does not change tempo.</li>
<li>And hereās the same experiment, but with <a href="https://codepen.io/timbrown/full/aarRbJ">tempo as a manual adjustment</a>. Mess around and see what looks good to you.</li>
</ul>
<p>This led to all sorts of interesting conversationsĀ about exposing the more specific sub-properties at play (letterspacing, word spacing, etc.), and about incorporating variable fonts with a width axis (or traditional fonts with multiple widths).</p>
<p>But the most intriguing issues it raises are about whether and how to provide smarter default settings (as in <a href="https://codepen.io/timbrown/full/gKMVWL/">the <em>automatic</em> example</a>).</p>
<p>For which people, in which situations, do preset values and behaviors make sense? What if the presets could be tailored to a personās own preferences (for example, someone who generally prefers looser text)? What if a <em>brandās</em> flexible typesetting presets went wherever that brandās fonts went?</p>
<p>We already know <a href="http://universaltypography.com/demo/">how to tailor measurements to specific typefaces</a>, and we know <a href="https://blog.typekit.com/2014/02/26/deriving-layout-from-your-typeface/">where that could lead</a>. The bigger questions are about context āĀ applying presets and recommendations with tact and care.</p>
His Dark Materials2018-09-27T00:00:00Zhttps://tbrown.org/notes/2018/09/27/his-dark-materials/<p><strong><em><a href="https://www.worldcat.org/title/his-dark-materials/oclc/467644325">His Dark Materials</a></em> trilogy by Philip Pullman</strong>. Fun to read, but a little weak. The knife and the bear are cool, but on the other hand some parts of books 2 & 3 felt too sappy. The mixing of the worlds, and reasoning behind the whole business, are what felt weak to me. But then again I saw this on my daughterās 4th-grade recommended-reading list, so āa little weakā is totally appropriate strength depending on the audience!</p>
Revamping gender in old childrenās stories2018-08-10T17:00:00Zhttps://tbrown.org/notes/2018/08/10/gender-old-stories/<p>One of the side projects Iām working on is editing and republishing childrenās stories by Thornton W. Burgess. I often read the stories to my daughters, and theyāre delightful. Burgess was a naturalist, so the animal characters are anthropomorphized with personalities that give you an idea of the animalsā different behaviors and habits.</p>
<p>But I noticed something as I read the books: more than 90% of the characters are male, and the few female characters exhibit stereotypical traits (emotional Mrs. Quack, nagging Jenny Wren). So as Iāve been reading the stories and marking them up in HTML as I go, my daughters and I have been dutifully switching a bunch of the characters from male to female or from female to male. We have a 50/50 ratio going.</p>
<p>This is good, but I wonder what other improvements I could be making. Nowās the time to figure that out. It feels terrible to admit this, but I feel completely ignorant when it comes to gender issues.</p>
<p>Should I make some of the charactersā genders ambiguous? Should I use different pronouns? What percentage of the characters should be like this? Are there specific animals that lend themselves best to the right kind of portrayal? āĀ I donāt mean to be insensitive by asking that, but I think about birds, for example, and the tendency for male birds to be more brightly colored.</p>
<p>Anyway, Iām not sure where to begin. If you have any tips, Iād appreciate them.</p>
Flexible Typesetting Acknowledgements2018-07-24T17:00:00Zhttps://tbrown.org/notes/2018/07/24/acknowledgements/<p>Thanks to friends and family who worked with me and supported me as I wrote <a href="https://abookapart.com/products/flexible-typesetting">Flexible Typesetting</a>. These acknowledgements are from the back of the book.</p>
<blockquote>
<p>Since A Book Apart opened its doors for business, I have admired these books. Itās an honor and a privilege to have written one. My thanks to Jeffrey Zeldman for setting himself apart ā for striking a helpful, caring tone in his writings; for fiercely advocating for openness, collaboration, and community on the web; and for building businesses that cement these values. Thanks to Jason Santa Maria for his humility, his visual work, and writings āĀ which have always inspired me āĀ and for designing this beautiful set of books. Thanks to Mandy Brown for her leadership and her encouragement, and for showing me the power of a great editor.</p>
</blockquote>
<blockquote>
<p>Thanks to Katel LeDĆ» for her contagious enthusiasm, her patience, and her diligent work running A Book Apart. Thanks to Caren Litherland for editing me. Carenās kind words kept me going, and her critical eye brought clarity to this text. I could not have accomplished this without her support and guidance. Thanks to Ray Schwartz and Juliette Cezzar for their incredible expertise as technical editors; their empathy for readers improved this book tenfold. Thanks to Tina Lee for shepherding the earliest versions of this book. Thanks to Bram Stein for writing his <em>Webfont Handbook</em>; years ago, he and I strategized about how these two texts could harmonize, and itās exciting to see our plan in action. Thanks to Jessica Hische for writing my foreword. Jessica is well known for her beautiful lettering, but sheās an equally gifted writerāhelpful, straightforward, and kind. Thanks to the production crew at A Book Apart for making this book real. Thanks to Mike Monteiro and David Demaree for their advice about publishing.</p>
</blockquote>
<blockquote>
<p>Thanks to Greg Veen for our many private discussions about the nature of flexible typesetting, and for his evergreen support. Thanks additionally to the other managers in my career āĀ Matthew Rechs, Bryan Mason, Carolyn Guyer, Megg Brown, and James Roy āĀ for their leadership, and for shielding me from nonsense so the ideas in this book could take root. Thanks to Jeff Veen, Ryan Carver, Andy McMillan, Robert Eerhart, Toby Malina, Marci Eversole, Vitaly Friedman, Gavin Elliott, and Jared Spool for having faith in me and giving me a platform. Thanks to the Typekit and Type teams, and to all of my friends at Adobe, for your profound care toward people who make type and practice typography.</p>
</blockquote>
<blockquote>
<p>Thanks to George Laws for opening my mind to the abstraction, balance, and systems in graphic design and type, for his mentoring, and for our breakfasts. Thanks to Arthur Hoener for introducing me to typography and giving me work opportunities that catalyzed my career. Thanks to Anne Galperin and Clif Meador for helping me think critically and find confidence. Thanks to Mr. Mahon for making me feel at home in art class. Thanks to the elementary school teachers who shaped and cared for me, including Mr. Weiss, Mr. Cafon, Ms. Oliver, Mr. Schmidt, and Ms. Hart.</p>
</blockquote>
<blockquote>
<p>Thanks to Ray Schwartz for geeking out with me about web development. Thanks to Chris Silverman for his perpetually fresh eyes and articulate feedback. Thanks to Donny Truong for his openness and hustle. Thanks to Ethan Marcotte for the invaluable discussion and his unparalleled optimism. Thanks to Bram Stein, Scott Kellum, Elliot Jay Stocks, Jake Giltsoff, Wenting Zhang, Weston Thayer, Indra Kupferschmid, Chris Coyier, Dave Rupert, Andrew Johnson, Ivan Bettger, and Tobias Frere-Jones for exchanges and collaborations that bolstered ideas in this book. Thanks to Kevin Davis and Joe Juriga; rest in peace.</p>
</blockquote>
<blockquote>
<p>Thanks to my friends in the Nice Web Type Slack for continually reminding me how much there is to learn about typography. Thanks to friends who gave me feedback on early drafts of this book: Greg Veen, Ethan Marcotte, Donny Truong, Robin Rendle, Bram Stein, and Frank Griesshammer. Thanks to writers who have inspired me over the years, especially Dan Cederholm and John Gruber.</p>
</blockquote>
<blockquote>
<p>Thanks to my friends at the St. Remy Volunteer Fire Department for their patience and understanding, and for their service to our community.</p>
</blockquote>
<blockquote>
<p>Thanks to my family for their love and patience as I concentrated on this book. Thanks Mom, for encouraging and supporting me throughout my life. Thanks Dad, for teaching me to think deeply. Thanks Mom S., for feeding and housing me while I learned to make websites. Thanks Dad S. for repeatedly asking when I would write a book (this is it). Thanks to my brothers, Greg and Ken, for being awesome-o. Shout-out to my sisters- and brothers-in-law, and my nieces and nephews. Love you all.</p>
</blockquote>
<blockquote>
<p>Thanks to my three beautiful, gifted, funny, kind, powerful, appreciative children, Kate, Julie, and Lori. Daddy and Mommy worked hard on this book, and you can work hard on things too. Make time to listen, speak, read, and write. I love you.</p>
</blockquote>
<blockquote>
<p>It is an immeasurable privilege to share my life and work with such wonderful people, and I profoundly appreciate each of you.</p>
</blockquote>
<blockquote>
<p>But my deepest appreciation, my most humble thanks, and all of my love, go to my wife Eileen. She alone truly understands what it meant for me to write this book. For years, she has tolerated burdens that would have exhausted my patience in a week if our roles had been reversed. Her loving support, encouragement, and selflessness deserve a book of their own. I will treasure her example for the rest of my life.</p>
</blockquote>
Spotlight for Typographics2018-06-16T17:00:00Zhttps://tbrown.org/notes/2018/06/16/spotlight-for-typographics/<p>I was on standby to do a āspotlightā at <a href="http://typographics.com/">Typographics</a> ā a quick word at the microphone in between the main conference speakers. They didnāt need me after all, but hereās what I would have said:</p>
<blockquote>
<p>Hi everyone, my name is Tim Brown. I started my career as a web designer, and now Iām Head of Typography at Adobe. If you want to know me better, check out <a href="http://practice.typekit.com/">Typekit Practice</a> or read an article I wrote, <a href="https://deardesignstudent.com/paying-for-type-7d77a5c18c97">Paying for Type</a>.</p>
</blockquote>
<blockquote>
<p>I wanted to thank all of you for your patience with Adobe, and your faith in our Type team. Thank you for the opportunity to affect the business of type design and the practice of typography. This is a very special moment in history for both.</p>
</blockquote>
<blockquote>
<p>And I need your help. I wrote a book called <a href="http://flexibletypesetting.com/">Flexible Typesetting</a>, for A Book Apart, because the web has changed typography. I need you to read this book so that we can talk.</p>
</blockquote>
<blockquote>
<p>Right now, we don't have words to describe the work we're doing when we set type in multidimensional, relative ways. And we don't have the right tools for doing that work. Join me in understanding what has changed and figuring out what we need.</p>
</blockquote>
<blockquote>
<p>This is my first time at Typographics, and it has been excellent. Thank you for your time, and thanks to the folks at <a href="http://coopertype.org/">Cooper</a> for putting on an incredible event.</p>
</blockquote>
<p>And it really was incredible. Beautiful summer days in the heart of New York City, in historic buildings of The Cooper Union.</p>
<p>I especially enjoyed TypeLab āĀ the chill, alternative track of the conference āĀ with its informal presentations, demos, discussion, and live lettering. Whiteboards & chalkboards everywhere. Saw friends I hadnāt seen in years, and met some great new ones. Definitely going to attend again.</p>
2017ā2018 quarterly catch-up2018-05-27T17:00:00Zhttps://tbrown.org/notes/2018/05/27/quarterly-report/<p>A special <em>quadruple</em> quarterly report (lol). I got way behind on this sort of planning. Turns out having a baby while writing a book and working full-time makes you sorta busy. Here are some things I did in the past year, as well as older accomplishments less recent (that I am retiring from the home page).</p>
<h3>Done over the past year</h3>
<ul>
<li>Finished writing <a href="https://tbrown.org/notes/2018/05/25/flexible-typesetting/">a book about flexible typesetting</a> for A Book Apart.
<span>May 2018</span>
</li>
<li>Launched <a href="https://blog.typekit.com/2018/05/15/get-a-font-pack-for-your-next-project/">Font Packs</a>.
<span>May 2018</span>
</li>
<li>Helped release <a href="https://minion.typekit.com/">Minion 3</a> by Robert Slimbach (check out <a href="https://minion.typekit.com/preview/">the preview page</a>).
<span>Apr 2018</span>
</li>
<li>Renovated our front porch.
<span>Oct 2017</span>
</li>
<li>Welcomed my third daughter into the world!
<span>Jun 2017</span>
</li>
</ul>
<h3 class="beta">From a while ago</h3>
<p>Retiring this stuff from <a href="http://tbrown.org/index.html#recently">Recently</a>:</p>
<ul>
<li>Led several teams of people to design new typography tools.
<span>May 2017</span>
</li>
<li>Reorganized & painted bedrooms.
<span>May 2017</span>
</li>
<li>Built basement shelves <a href="https://www.youtube.com/watch?v=cTxRBckenI4">like this</a>.
<span>Apr 2017</span>
</li>
<li>Read <a href="http://www.indiebound.org/search/book?searchfor=zita">Zita the Spacegirl books</a> (Legends/Return) with my kids.
<span>Mar 2017</span>
</li>
<li><a href="https://aycl.uie.com/virtual_seminars/using_typography_to_shape_text_and_tailor_layouts">Gave a virtual seminar</a> at UIEās UX Symposium.
<span>Mar 2017</span>
</li>
<li>Got through a bout of Lyme disease.
<span>Feb 2017</span>
</li>
<li>Set a variety of projects in motion.
<span>Jan 2017</span>
</li>
<li>Bought new smoke detectors. (<a href="https://www.usfa.fema.gov/prevention/outreach/smoke_alarms.html">Replace yours every 10 years</a>.)
<span>Dec 2016</span>
</li>
<li>Built a workbench.
<span>Dec 2016</span>
</li>
<li>Voted, then spent time processing the election results.
<span>Nov 2016</span>
</li>
<li>Helped launch <a href="https://typekit.com/marketplace">Typekit Marketplace</a> and <a href="http://adobe.io/products/typekit">Typekit Platform</a> at Adobe MAX.
<span>Nov 2016</span>
</li>
<li>Talked about variable fonts with Jeff Veen on his podcast, <a href="https://www.relay.fm/presentable/10">Presentable</a>.
<span>Oct 2016</span>
</li>
</ul>
Coming soon: Flexible Typesetting2018-05-25T17:00:00Zhttps://tbrown.org/notes/2018/05/25/flexible-typesetting/<blockquote>
<p>It is a beautiful book, well-conceived, painstakingly executed with a fine attention to detail. I can't believe that you want to do web design: what a horrible place to do fine typography, a refined practice for which you obviously have an eye.</p>
</blockquote>
<p>Thatās a note from one of my favorite teachers, Clifton Meador, about my final project one semester (a typeset, bound book). I learned so much from Clif, and I can understand why he felt that way about web design. But 15 years ago, when I received that note, I felt there was something special about typography on the web.</p>
<p>Now, after building dozens of websites, learning a lot, and helping many people use fonts as Head of Typography at Adobe, I know why typography on the web is so special. So, I wrote a book to explain it.</p>
<p>My new book is called <em>Flexible Typesetting</em>, and it will be published by <a href="https://abookapart.com/">A Book Apart</a> this summer. I absolutely cannot wait for you to read it, because we have <em>so much to talk about</em>. Thatās all Iāll say for now. Follow <a href="https://twitter.com/typesetting/">@typesetting</a> and <a href="https://twitter.com/abookapart/">@abookapart</a> on Twitter. And for a sneak preview of the book, listen to <a href="http://shoptalkshow.com/episodes/314-flexible-type-setting-tim-brown/">Shop Talk Show episode #314</a>.</p>
<p><em>Update: A Book Apart #27, <a href="https://abookapart.com/products/flexible-typesetting">Flexible Typesetting</a></em>.</p>
RSS Club2018-02-12T17:00:00Zhttps://tbrown.org/notes/2018/02/12/rss-club/<p>Oh, I like this RSS Club idea very much. What a bunch of nerds we are. Thanks to Dave for the fun idea! I don't have much to say right now, but I wanted to get this set up properly.</p>
<p>Got an iPad a week or two ago, and sorta bummed about my site setup. I use Jekyll and GitHub, but I don't have any kind of deployment in place ā I just <abbr>FTP</abbr> up the compiled Jekyll. But I can't compile Jekyll on the iPad. I've considered setting up deployment from GitHub, like Pages with a custom domain, but then I'd either have to commit all the squirrelly, weird, <a href="http://tbrown.org/ninjas_use_firefox/">hidden</a> stuff on my site, or break all the links. That stuff is clearly important.</p>
Blogroll, episode two2018-02-11T17:00:00Zhttps://tbrown.org/notes/2018/02/11/blogroll/<p>Adding a couple more sites to <a href="http://tbrown.org/">the blogroll</a>:</p>
<p>Mandy Brown's <a href="http://aworkinglibrary.com/">A Working Library</a>. Mandy and I used to work together at Typekit. She is incredibly smart, grounded in good values, and she works hard to dismantle systematic disadvantages in society. Her writing introduced me to Octavia Butler's <em>Earthseed</em> books, <a href="http://tbrown.org/reading/2017/07/10/earthseed/">which I thought were excellent</a>. I admire Mandy's leadership and determination, and I love reading her blog.</p>
<p><a href="http://chriscoyier.net/">Chris Coyier</a> is the mastermind of several beloved web development institutions that I visit daily:Ā <a href="http://codepen.io/">CodePen</a>, <a href="http://css-tricks.com/">CSS-Tricks</a>, <a href="http://shoptalkshow.com/">Shop Talk Show</a>. He writes this personal site as well. Chris is a kind and thoughtful person, hustling to make working on the web easier for other people. It's fun to hear about what he's up to.</p>
Adobe and NASA2017-10-07T17:00:00Zhttps://tbrown.org/notes/2017/10/07/adobe-nasa/<p>My colleague <a href="https://twitter.com/SairusPatel">Sairus Patel</a> recently attended an internal Adobe conference for principal scientists, and I loved this anecdote he returned with:</p>
<blockquote>
<p>If you want to change the world by influencing peopleās creativity, you join Adobe. Just like in the 60ās if you wanted to put a man on the moon, you joined <abbr>NASA</abbr>.</p>
</blockquote>
Blogroll2017-07-22T17:00:00Zhttps://tbrown.org/notes/2017/07/22/blogroll/<p>Started a <a href="https://en.wikipedia.org/wiki/Glossary_of_blogging">blogroll</a> today <a href="http://tbrown.org/">on the front page</a>. I plan to add two or three at a time. Here's a start:</p>
<p><a href="http://visualgui.com/">Donny Truong</a>: Donny and I used to work together at Vassar College, in the <a href="http://webdesign.vassar.edu/">web design group</a>. He's maintained a personal website for years, with subjects ranging from parenting, to web development, to jazz, to typography. Reading his updates is a nice way to keep in touch. I've learned a lot from Donny over the years.</p>
<p><a href="http://kottke.org/">Jason Kottke</a>: My fingers make this twitching motion a few times each day: cmd-T, k, o, return. My browser autocompletes kottke.org, one of the oldest blogs on the web. I have been a reader for longer than I can remember. Jason and his occasional guests always come up with interesting things. Today, long overdue, I became a member.</p>
Resilient Web Design2017-07-22T00:00:00Zhttps://tbrown.org/notes/2017/07/22/resilient-web-design/<p>A little while ago, while I mowed the lawn, I listened to Jeremy Keithās excellent <a href="https://resilientwebdesign.com/">Resilient Web Design</a>. Jeremy often tells good stories about how the web came to be, and here he has distilled those into a great one, citing specific peopleās contributions to the webās existence and complexion, and using history as a means of laying out fundamental principles that ensure the webās continued success ā which is to say, human achievement.</p>
<p>On collaboration over time:</p>
<blockquote>
<p>The history of human civilisation is a tale of cumulative effort. Each generation builds upon the work of their forebears. Sometimes the work takes a backward step. Sometimes we wander down dead ends. But we struggle on.</p>
</blockquote>
<p>On control:</p>
<blockquote>
<p>Relinquishing control does not mean relinquishing quality. Quite the opposite. In acknowledging the many unknowns involved in designing for the web, designers can craft in a resilient flexible way that is true to theĀ medium.</p>
</blockquote>
<p>On progressive enhancement:</p>
<blockquote>
<p>This layered approach to the web allows the same content to be served up to a wide variety of people. But this doesnāt mean that everyone gets the same experience.</p>
</blockquote>
<p>On the future:</p>
<blockquote>
<p>I wish I could predict the future. The only thing that I can predict for sure is that things are going toĀ change. I donāt know what kind of devices people will be using on the web. I donāt know what kind of software people will be using on theĀ web. The future, like the web, isĀ unknown.</p>
</blockquote>
Galapagos2017-07-15T00:00:00Zhttps://tbrown.org/notes/2017/07/15/galapagos/<p><strong><em><a href="https://www.worldcat.org/title/galapagos/oclc/883830138">Galapagos</a></em> by Kurt Vonnegut</strong>. What caught my attention most in this book was the narrative structure. The narrator has witnessed an entire timeline of events, but describes them in a patchwork, here and there, before things begin to fit together, hinting at this or that and providing clarity later. Along the way, there are thoughtful and humorous reflections on humanity.</p>
<p>I can see why reviewers liken Vonnegut to Mark Twain. Theyāre both humorous authors, although this novel is the only Vonnegut Iāve read, so I donāt know that heās always like this. But it reminded me of this from Twainās <a href="http://www.gutenberg.org/files/3250/3250-h/3250-h.htm">How to Tell a Story</a>:</p>
<blockquote>
<p>The humorous story may be spun out to great length, and may wander around as much as it pleases, and arrive nowhere in particular.</p>
</blockquote>
The Earthseed Series2017-07-10T00:00:00Zhttps://tbrown.org/notes/2017/07/10/earthseed/<p>Great books. Very engaging pace, no boring spots. Reminded me of The Godfather movies, how the first book was the main story and the second book was a combination of flashbacks and present day. Such a shame about Laurenās daughter and Marc. I felt bad about that, but if the story had wrapped up with a happier ending it wouldnāt have felt right.</p>
<p>Aside from being a good story, there was a lot to think about.</p>
<p>Like how Lauren cared about her idea more than her ego:</p>
<blockquote>
<p>Iām not interested in being fancy, or even original. Clarity and truth will be plenty, if I can only achieve them. If it happens that there are other people outside somewhere preaching my truth, Iāll join them. <cite>Sower, p. 125</cite></p>
</blockquote>
<p>And how she absorbed storytelling from her father. Story was critical to gathering support for her ideas:</p>
<blockquote>
<p>My father loved parablesāstories that taught, stories that presented ideas and morals in ways that made pictures in peopleās minds. ā¦ Because he believed stories were so important as teaching tools, I learned to pay more attention to them than I might have otherwise. <cite>Talents, p. 14</cite></p>
</blockquote>
<p>But could story have helped even more? Could she have spread her ideas differently? She wonders about this early in Talents, and I was thrilled to see where that went toward the end of the book.</p>
<blockquote>
<p>My ātalent,ā going back to the parable of the talents, is Earthseed. And although I havenāt buried it in the ground, I have buried it here in these coastal mountains, where it can grow at about the same speed as our redwood trees. But what else could I have done? <cite>Talents, p. 21</cite></p>
</blockquote>
<p>It was interesting to see how Lauren planned for disruption:</p>
<blockquote>
<p>We can get ready. Thatās what weāve got to do now. Get ready for whatās going to happen, get ready to survive it, get ready to make a life afterward. Get focused on arranging to survive so that we can do more than just get batted around by crazy people, desperate people, thugs, and leaders who donāt know what theyāre doing!ā <cite>Sower, p. 55</cite></p>
</blockquote>
<p>And her reflection on survival:</p>
<blockquote>
<p>Weāve become very competent makers and repairers of small tools. Weāve survived as well as we have because we keep learning.</p>
</blockquote>
<blockquote>
<p>They serve as part of our thorn fence. Cactus by cactus, thornbush by thornbush, weāve planted a living wall in the hills around Acorn. ā¦ It will, when itās working well, encourage people to approach us by the easiest routes, and those we guard 24 hours a day. Itās always best to keep an eye on visitors. <cite>Talents, pp. 27ā28</cite></p>
</blockquote>
<p>Related to survival, Laurenās thoughts on hiding from the news:</p>
<blockquote>
<p>Gray and Emery Mora and one or two others say news bullets are enough. They say detailed news doesnāt matter. Since we canāt change the stupid, greedy, vicious things that powerful people do, they think we should try to ignore them. No matter how many times weāre forced to admit we canāt really hide, some of us still find ways to try. Well, we canāt hide. So itās best to pay attention to what goes on. The more we know, the better able weāll be to survive. <cite>Talents, p. 81</cite></p>
</blockquote>
<p>These novels were published in the 90ās. Jarret is a candidate for US President. Take a look at the phrase he uses:</p>
<blockquote>
<p>Jarret insists on being a throwback to some earlier, āsimplerā time. Now does not suit him. Religious tolerance does not suit him. The current state of the country does not suit him. ... āHelp us to make America great again.ā <cite>Talents, pp. 19ā20</cite></p>
</blockquote>
<p>And Laurenās take on the mindset of older people:</p>
<blockquote>
<p>Our adults havenāt been wiped out by a plague so theyāre still anchored in the past, waiting for the good old days to come back. <cite>Sower, p. 57</cite></p>
</blockquote>
<p>While weāre at it, hereās some more older-person thinking. Very similar to the vibe I got from older family members when I was trying to get my first design jobĀ āĀ they hadnāt seen it done before, and had more faith in traditional institutions:</p>
<blockquote>
<p>Bankole isnāt the only one of us who doesnāt see the possibility of doing anything he hasnāt seen done by others. Andā¦although Bankole would never say this, I suspect that somewhere inside himself, he believes that large, important things are done only by powerful people in high positions far away from here. Therefore, what we do is, by definition, small and unimportant. <cite>Talents, p. 71</cite></p>
</blockquote>
<p>But itās not just older folks. Some young folks grow up expecting a certain kind of success. When they donāt achieve it (because they <em>canāt</em>, because itās an unreasonable expectation), they get depressed.</p>
<blockquote>
<p>She wants a future she can understand and depend onāa future that looks a lot like her parentsā present. I donāt think thatās possible. Things are changing too much, too fast. <cite>Sower, p. 128</cite></p>
</blockquote>
<p>Thereās an intriguing concept in the novels about company-towns āĀ towns purchased and run by corporations. They appeal to people because of their relative stability and safety, but it comes at the cost of freedom.</p>
<blockquote>
<p>Thatās an old company-town trickāget people into debt, hang on to them, and work them harder. Debt slavery. That might work in Christopher Donnerās America. Labor laws, state and federal, are not what they once were. <cite>Sower, p. 121</cite></p>
</blockquote>
<p>And this devastatingly, unfortunately, prescient observation about private education leading to widespread violence. America is headed this way, unless we revitalize public schools and pay teachers much greater respect:</p>
<blockquote>
<p>And no one thought about what kind of society we were building with such stupid decisions. People who could afford to educate their children in private schools were glad to see the government finally stop wasting their tax money, educating other peopleās children. They seemed to think they lived on Mars. They imagined that a country filled with poor, uneducated, unemployable people somehow wouldnāt hurt them!ā <cite>Talents, p. 368</cite></p>
</blockquote>
<p>Lastly, shelter is good:</p>
<blockquote>
<p>That night, I lay awake beside Bankole, listening to the sounds of the sea and the wind. Theyāre good sounds as long as you donāt have to be outside. <cite>Talents, p. 141</cite></p>
</blockquote>
<p>Thanks to <a href="http://aworkinglibrary.com/">Mandy Brown</a> for recommending these books.</p>
My friendās daughter2017-06-26T17:00:00Zhttps://tbrown.org/notes/2017/06/26/rebecca-senate/<p>Today I sent this email to my family:</p>
<blockquote>
<p>Hi family,</p>
<p>My friend Eric Meyer, who founded and runs An Event Apart with Zeldman, lost his daughter to cancer on her sixth birthday. It was heartbreaking. Eileen will tell you how upset it made me. Rebecca was Kateās age.</p>
<p>Over the ten months following her sudden onset of cancer, the total cost of coverage was 1.6 million dollars. Ericās and his wifeās small business insurance paid $991k. Without that insurance, he would have gone bankrupt and lost his home.</p>
<p>This could happen to any of us, and it will happen to many people if the senate passes their health bill, which is in truth a tax cut for rich people. Thankfully our democratic senators in New York are forcefully opposed to this bill.</p>
<p>Please, if you know people in other states, encourage them to demand that their republican senators vote NO. Encourage them to threaten with their future votes. Suggest this website, which makes calling your representatives super easy: http://5calls.org</p>
<p>Please do this even if it makes you feel uncomfortable. Shout it on Facebook. Email people. Spread the word about <a href="https://twitter.com/meyerweb/status/879440253223923714">Ericās story</a>. Your action will mean the difference between life and death, health and hardship, for families and children all over this country.</p>
<p>Donāt let me down.</p>
<p>Tim</p>
</blockquote>
Reading and sharing2017-06-23T17:00:00Zhttps://tbrown.org/notes/2017/06/23/reading-and-sharing/<p>I love to read. But taking time off work this week (to help my wife around the house as we prepare for our new baby) has given me a chance to reflect on <em>how little</em> reading I do.</p>
<p>When I am reading and sharing ideas about what I have read, I feel like my best self. <em>I want more of that feeling</em>. I want my children to see me reading, and I want to show respect to others by sharing my experiences.</p>
<p>I enjoy fiction, philosophy, and ideas about why the world is the way it is and what might happen next. Some books, I canāt put down. I read them in a day or two. Others are what I call āsippingā books, and Iāve been working on them for years.</p>
<p>Some of my favorite books are written in a kind of journal entry format. It follows that I enjoy keeping up with friendsā blogs. I study typography- and web-related books and blog posts, many of which are meant to be referenced or worked through, rather than read, but still give me the opportunity to think and share.</p>
<p>Got a Kindle this year. Itās a struggle to decide whether to read physical books (the feel, the sound, the smell), or read them on the Kindle (dictionary, highlights, access, no clutter). One thing I like about a physical book is that if I enjoy it I then have a reminder on the shelf, and something tangible to share with family and friends.</p>
<p>Iām wondering if acknowledging what I read, along with a substantial visual (a book cover image?) and any highlights or notes, could feel just as good as having a physical book. Mandy Brownās <a href="https://tbrown.org/notes/2017/06/23/reading-and-sharing/aworkinglibrary.com">A Working Library</a> and <a href="https://www.visualgui.com/category/book/">Donny Truongās book reviews</a> are inspirational. I also like Marcin Wicharyās photos of <a href="https://twitter.com/mwichary/status/750374445328375808">piles of books</a>.</p>
<p>Maybe I could list my piles of books here on my website, and link them to blog post entries with highlights/notes. Maybe I could even print some of those out, to keep on my shelf and share with others. That might make a pretty nice gift āĀ a physical book or gift card, plus a printout of my highlights/notes from that book, and a word about why I think the person might enjoy it.</p>
2017 Q1āQ2 report2017-06-22T17:00:00Zhttps://tbrown.org/notes/2017/06/22/quarterly-report/<p>A special <em>double</em> quarterly report. Here are some things I did so far this year, as well as older accomplishments less recent (that I am retiring from the home page).</p>
<h3>Done last quarter</h3>
<ul>
<li>Led several teams of people to design new typography tools.
<span>May 2017</span>
</li>
<li>Reorganized & painted bedrooms.
<span>May 2017</span>
</li>
<li>Built basement shelves <a href="https://www.youtube.com/watch?v=cTxRBckenI4">like this</a>.
<span>Apr 2017</span>
</li>
<li>Read <a href="http://www.indiebound.org/search/book?searchfor=zita">Zita the Spacegirl books</a> (Legends/Return) with my kids.
<span>Mar 2017</span>
</li>
<li><a href="https://aycl.uie.com/virtual_seminars/using_typography_to_shape_text_and_tailor_layouts">Gave a virtual seminar</a> at UIEās UX Symposium.
<span>Mar 2017</span>
</li>
<li>Got through a bout of Lyme disease.
<span>Feb 2017</span>
</li>
<li>Set a variety of projects in motion.
<span>Jan 2017</span>
</li>
</ul>
<h3 class="beta">From a while ago</h3>
<p>Retiring this stuff from <a href="http://tbrown.org/index.html#recently">Recently</a>:</p>
<ul>
<li>Helped announce <a href="http://blog.typekit.com/2016/09/14/variable-fonts-a-new-kind-of-font-for-flexible-design/">variable fonts</a>. Did an interview <a href="https://www.fastcodesign.com/3064032/google-apple-and-microsoft-are-quietly-developing-a-new-type-of-font">for Fast Company</a>. Had an idea about specifying CSS instances <a href="https://github.com/w3c/csswg-drafts/issues/536">relative to an āanchor pointā</a>.
<span>Sep 2016</span>
</li>
<li>Noticed that type sized in pixels or viewport units <a href="https://twitter.com/RWD/status/773271131986034688">ignores user font-size preferences</a>.
<span>Sep 2016</span>
</li>
<li>Wrote about <a href="http://blog.typekit.com/2016/08/17/flexible-typography-with-css-locks/">flexible typography with CSS locks</a> See the responses from <a href="https://twitter.com/jakegiltsoff/status/768084288969510912">Jake Giltsoff</a> and <a href="https://twitter.com/bram_stein/status/766251351617769472">Bram Stein</a>.
<span>Aug 2016</span>
</li>
<li>Tried using Anchor.fm to share audio thoughts about <a href="https://twitter.com/nicewebtype/status/760866055724097536">fallback fonts</a>, <a href="https://twitter.com/nicewebtype/status/761195568454656001">display text</a>, and <a href="https://twitter.com/nicewebtype/status/762676738346409984">reading distance</a>.
<span>Aug 2016</span>
</li>
<li>Spoke at the <a href="http://www.meetup.com/hvtech/events/232464083/">Hudson Valley Tech Meetup</a> in Kingston, NY (just a block away from my office).
<span>Jul 2016</span>
</li>
<li>Finally hung <a href="https://twitter.com/timbrown/status/751491936725377024">the glass sign I gilded</a> in John Downerās 2011 TypeCon workshop.
<span>Jul 2016</span>
</li>
</ul>
2016 Q4 report2017-01-27T17:00:00Zhttps://tbrown.org/notes/2017/01/27/quarterly-report/<p>Time for another quarterly report. I'll list some things I did in the past few months, and retire accomplishments less recent.</p>
<h3>Done last quarter</h3>
<ul>
<li>Bought new smoke detectors. (<a href="https://www.usfa.fema.gov/prevention/outreach/smoke_alarms.html">Replace yours every 10 years</a>.)
<span>Dec 2016</span>
</li>
<li>Built a workbench.
<span>Dec 2016</span>
</li>
<li>Voted, then spent time processing the election results.
<span>Nov 2016</span>
</li>
<li>Helped launch <a href="https://typekit.com/marketplace">Typekit Marketplace</a> and <a href="http://adobe.io/products/typekit">Typekit Platform</a> at Adobe MAX.
<span>Nov 2016</span>
</li>
<li>Talked about variable fonts with Jeff Veen on his podcast, <a href="https://www.relay.fm/presentable/10">Presentable</a>.
<span>Oct 2016</span>
</li>
</ul>
<h3 class="beta">From a while ago</h3>
<p>Retiring this stuff from <a href="http://tbrown.org/index.html#recently">Recently</a> (plus <a href="https://tbrown.org/notes/2016/07/11/quarterly-report/">the stuff from Q2 2016</a>):</p>
<ul>
<li>Moved my family photos and videos to a network attached storage drive with redundancy (thanks <a href="https://twitter.com/rcarver">Ryan</a>!) <em>and</em> into Appleās Photos service for easy access.
<span>Mar 2016</span>
</li>
<li>Made my newest talk, <a href="https://vimeo.com/156203722">Typesetting Body Text</a>, free on Vimeo.
<span>Feb 2016</span>
</li>
<li>Drove a fire truck.
<span>Feb 2016</span>
</li>
<li>Studied Christopher Alexanderās books: <a href="https://en.wikipedia.org/wiki/The_Timeless_Way_of_Building">The Timeless Way of Building</a>, <a href="https://en.wikipedia.org/wiki/A_Pattern_Language">A Pattern Language</a>, and <a href="https://en.wikipedia.org/wiki/The_Oregon_Experiment">The Oregon Experiment</a>.
<span>Jan 2016</span>
</li>
</ul>
Quarterly report2016-10-10T17:00:00Zhttps://tbrown.org/notes/2016/10/10/quarterly-report/<p>Time for another quarterly report. I'll list some things I did in the past few months, and retire accomplishments less recent.</p>
<h3>Done last quarter</h3>
<ul>
<li>Helped announce <a href="http://blog.typekit.com/2016/09/14/variable-fonts-a-new-kind-of-font-for-flexible-design/">variable fonts</a>. Did an interview <a href="https://www.fastcodesign.com/3064032/google-apple-and-microsoft-are-quietly-developing-a-new-type-of-font">for Fast Company</a>. Had an idea about specifying CSS instances <a href="https://github.com/w3c/csswg-drafts/issues/536">relative to an āanchor pointā</a>.
<span>Sep 2016</span>
</li>
<li>Noticed that type sized in pixels or viewport units <a href="https://twitter.com/RWD/status/773271131986034688">ignores user font-size preferences</a>.
<span>Sep 2016</span>
</li>
<li>Wrote about <a href="http://blog.typekit.com/2016/08/17/flexible-typography-with-css-locks/">flexible typography with CSS locks</a> See the responses from <a href="https://twitter.com/jakegiltsoff/status/768084288969510912">Jake Giltsoff</a> and <a href="https://twitter.com/bram_stein/status/766251351617769472">Bram Stein</a>.
<span>Aug 2016</span>
</li>
<li>Tried using Anchor.fm to share audio thoughts about <a href="https://twitter.com/nicewebtype/status/760866055724097536">fallback fonts</a>, <a href="https://twitter.com/nicewebtype/status/761195568454656001">display text</a>, and <a href="https://twitter.com/nicewebtype/status/762676738346409984">reading distance</a>.
<span>Aug 2016</span>
</li>
<li>Spoke at the <a href="http://www.meetup.com/hvtech/events/232464083/">Hudson Valley Tech Meetup</a> in Kingston, NY (just a block away from my office).
<span>Jul 2016</span>
</li>
<li>Finally hung <a href="https://twitter.com/timbrown/status/751491936725377024">the glass sign I gilded</a> in John Downerās 2011 TypeCon workshop.
<span>Jul 2016</span>
</li>
</ul>
<h3 class="beta">From a while ago</h3>
<p>Retiring this stuff from <a href="http://tbrown.org/index.html#recently">Recently</a>:</p>
<ul>
<li>Wrote & published a lesson at Typekit Practice: <a href="http://practice.typekit.com/lesson/caring-about-opentype-features/">Caring about OpenType features</a>. Lots of people <a href="https://medium.com/@timbrown/about-caring-about-opentype-features-248aad37909e">helped make it happen</a>.
<span>Dec 2015</span>
</li>
<li>Launched <a href="http://typography.supply/">Typography Supply</a>, an inventory of typographic tools. (<em>with <a href="http://twitter.com/aetherpoint">Andrew Johnson</a></em>)
<span>Dec 2015</span>
</li>
<li>Redesigned this website.
<span>Dec 2015</span>
</li>
<li>Managed the introduction and announcement of <a href="http://blog.typekit.com/2015/12/01/introducing-mallory-first-typeface-from-frere-jones-type-available-to-host-on-typekit/">Frere-Jones Type on Typekit</a>.
<span>Dec 2015</span>
</li>
<li>Managed the introduction and announcement of <a href="http://blog.typekit.com/2015/10/05/premier-japanese-type-foundry-morisawa-joins-typekit/">Morisawa fonts on Typekit</a>.
<span>Oct 2015</span>
</li>
<li>Presented a <a href="http://aycl.uie.com/virtual_seminars/the_power_of_typography/"><abbr>UIE</abbr> virtual seminar on typesetting body text</a>. The crew at <abbr>UIE</abbr> is incredibly professional, and this was a great experience.
<span>Oct 2015</span>
</li>
<li>Wrote <a href="https://deardesignstudent.com/math-is-not-god-do-not-fear-do-not-worship-404f3674a8ca#.l9nhqvigu">Math is not God</a> for Dear Design Student.
<span>Sep 2015</span>
</li>
<li>Wrote <a href="https://deardesignstudent.com/uncertainty-is-part-of-the-job-455aee6cd93f#.lbxftejc5">Uncertainty is part of the job</a> for Dear Design Student.
<span>Aug 2015</span>
</li>
<li>Wrote <a href="https://deardesignstudent.com/the-web-is-terrible-for-typography-9607089dbafa#.lq35n6ffu">The web is terrible for typography!</a> for Dear Design Student.
<span>Jul 2015</span>
</li>
</ul>
Blueprint For Citizenship2016-07-28T17:00:00Zhttps://tbrown.org/notes/2016/07/28/blueprint-for-citizenship/<p>Following up on the introductory note in my last post <a href="http://tbrown.org/notes/2016/07/24/politics/">about politics</a>, I thought of one way I would like to become more responsible as a citizen. Itās something Iāve had in mind for a while, and something that will take a lot of time, but Iād like to start.</p>
<p>I admire President Obama for a number of reasons, but one early thing that he did really stuck with me in particular. He shared <a href="http://www.ontheissues.org/Blueprint_Obama.htm">The Blueprint For Change</a>, a written account of various issues and his position on each one.</p>
<ul>
<li><a href="http://www.ontheissues.org/Blueprint_Obama.htm">President Obamaās Blueprint For Change</a> (<abbr>PDF</abbr>)</li>
</ul>
<h3>Hereās my plan</h3>
<p>Iād like to make my own blueprint. A "Blueprint For Citizenship". Because when I read the news, I have feelings āĀ but I rarely do anything about those feelings. I never bother to articulate them. I just go back to my own work, my own life. That doesnāt feel like good citizenship.</p>
<p>To sprinkle a bit of typography in here, <a href="http://www.worldcat.org/title/form-of-the-book-essays-on-the-morality-of-good-design/oclc/24429154">Jan Tschichold wrote</a>:</p>
<blockquote>
<p>Feelings remain rather unproductive unless they can inspire a secure judgment. Feelings have to mature into knowledge about the consequences of [decisions].</p>
</blockquote>
<p>Voting, and arguing about politics, based on feelings <em>is</em> immature. I would rather vote using knowledge about the consequences of putting certain individuals in charge to represent me.</p>
<p>So I got started today by visiting <a href="https://www.whitehouse.gov/1600/state-and-local-government">this page at WhiteHouse.gov</a> about state and local government. I found two kinds of things on that page that are going to help me with my personal Blueprint.</p>
<p>First, mixed into the text, I found a variety of government institutions and positions mentioned (lieutenant governor, attorney general, secretary of state, auditors, commissioners, senate, assembly, etc.). Iām going to learn more about these, and specifically the ones in my own community.</p>
<p>Secondly, in the footer of the page thereās a list of issues (which <a href="https://www.whitehouse.gov/issues">can also be found here</a>). Iām going to use this list, as well as President Obamaās original Blueprint, to come up with my own list of issues, so that I can gradually articulate my position on each one.</p>
<p>Itās embarrassing to admit that I have been an irresponsible citizen. I wish that I had paid more attention in school, and in scouts. Community stuff always bored me. I didnāt realize how much my attention mattered. But I want to be better. Owning my shortcomings is a good first step, and if I can encourage others by sharing these ideas about how Iām trying to change āĀ even better.</p>
Politics2016-07-24T17:00:00Zhttps://tbrown.org/notes/2016/07/24/politics/<p>āI hope to be a more responsible citizen at some point,ā is something I wrote when I recently redesigned this site. Itās true, I do, although Iām not exactly sure what that means. Paying closer attention to my community? Participating in political processes like voting? Helping others do the same? Iām not sure how best my abilities can serve us.</p>
<p>Meanwhile, I thought Iād share with you something that I do right now. Years ago I set up a mailing list for my family and close friends. I mostly use it to send them photos of my kids, but occasionally Iāll use it to send excerpts of articles that I feel are important.</p>
<p>I avoid in-person discussions about politics; however, I find reading and sharing text to be a rewarding and thoughtful exercise. So, today I sent three emails to my family. I did this in the same way that I began writing about typography ā by sharing excerpts of things I read, not my own writing.</p>
<p>Here are the emails I sent today:</p>
<h3>History tells us what will happen next</h3>
<blockquote>
<p>Trump says he will Make America Great Again, when in fact America is currently great, according to pretty well any statistics. He is using passion, anger, and rhetoric in the same way all his predecessors didāāāa charismatic narcissist who feeds on the crowd to become ever stronger, creating a cult around himself. You can blame society, politicians, the media, for America getting to the point that itās ready for Trump, but the bigger historical picture is that history generally plays out the same way each time someone like him becomes the boss.</p>
<p>On a wider stage, zoom out some more, Russia is a dictatorship with a charismatic leader using fear and passion to establish a cult around himself. Turkey is now there too. Hungary, Poland, Slovakia are heading that way, and across Europe more Trumps and Putins are waiting in the wings, in fact funded by Putin, waiting for the popular tide to turn their way.</p>
<p>We should be asking ourselves what our Archduke Ferdinand moment will be. How will an apparently small event trigger another period of massive destruction. We see Brexit, Trump, Putin in isolation. The world does not work that wayāāāall things are connected and affecting each other. <cite>(<a href="https://medium.com/@theonlytoby/history-tells-us-what-will-happen-next-with-brexit-trump-a3fefd154714#.fcknz16oy">Medium</a>)</cite></p>
</blockquote>
<h3>America Has Never Been So Ripe for Tyranny</h3>
<blockquote>
<p>For the white working class, having had their morals roundly mocked, their religion deemed primitive, and their economic prospects decimated, now find their very gender and race, indeed the very way they talk about reality, described as a kind of problem for the nation to overcome.</p>
</blockquote>
<blockquote>
<p>And so they wait, and they steam, and they lash out. This was part of the emotional force of the tea party: not just the advancement of racial minorities, gays, and women but the simultaneous demonization of the white working-class world, its culture and way of life. Obama never intended this, but he became a symbol to many of this cultural marginalization.</p>
</blockquote>
<p>...</p>
<blockquote>
<p>Mass movements, Hoffer argues, are distinguished by a āfacility for make-believe ā¦ credulity, a readiness to attempt the impossible.ā What, one wonders, could be more impossible than suddenly vetting every single visitor to the U.S. for traces of Islamic belief? What could be more make-believe than a big, beautiful wall stretching across the entire Mexican border, paid for by the Mexican government? What could be more credulous than arguing that we could pay off our national debt through a global trade war? In a conventional political party, and in a rational political discourse, such ideas would be laughed out of contention, their self-evident impossibility disqualifying them from serious consideration. In the emotional fervor of a democratic mass movement, however, these impossibilities become icons of hope, symbols of a new way of conducting politics. Their very impossibility is their appeal.</p>
</blockquote>
<blockquote>
<p>But the most powerful engine for such a movement ā the thing that gets it off the ground, shapes and solidifies and entrenches it ā is always the evocation of hatred.</p>
</blockquote>
<p>ā¦</p>
<blockquote>
<p>What makes Trump uniquely dangerous in the history of American politics is his response to enemies. Itās the threat of blunt coercion and dominance.</p>
</blockquote>
<blockquote>
<p>Trump tells the crowd heād like to punch a protester in the face or have him carried out on a stretcher. No modern politician who has come this close to the presidency has championed violence in this way.</p>
</blockquote>
<blockquote>
<p>Supporters have attacked hecklers with sometimes stunning ferocity. Every time Trump legitimizes potential violence by his supporters by saying it comes from a love of country, he sows the seeds for serious civil unrest.</p>
</blockquote>
<p>...</p>
<blockquote>
<p>Trump is not just a wacky politician of the far right, or a riveting television spectacle, or a Twitter phenom and bizarre working-class hero. He is not just another candidate to be parsed and analyzed by TV pundits in the same breath as all the others. In terms of our liberal democracy and constitutional order, Trump is an extinction-level event. <cite>(<a href="http://nymag.com/daily/intelligencer/2016/04/america-tyranny-donald-trump.html">New York Magazine</a>)</cite></p>
</blockquote>
<h3>Responding to cruelty with kindness</h3>
<blockquote>
<p>Normally I would have blocked him, or sent him something cutting & then blocked him. But for some reasonāmaybe because I heard this week's This American Life, which discusses responding to cruelty with kindness...or maybe because he wasn't all-CAPS-ing epithets at meāI didn't block him. I wrote this... <cite>(<a href="https://li.st/l/1zCAtXIcpsfWCeYpwrh4EA">link now broken, unfortunately</a>)</cite></p>
</blockquote>
Quarterly report2016-07-11T17:00:00Zhttps://tbrown.org/notes/2016/07/11/quarterly-report/<p>Time for a quarterly report. Iāll list some things I did in the past few months, and retire accomplishments less recent.</p>
<h3>Done last quarter</h3>
<ul>
<li>Shared <a href="https://twitter.com/nicewebtype/status/738323741093027840">ideas about new typographic tools</a> with Adobe design leadership. Imagine the previous bullet about algorithms and machine learning, plus my thoughts over at <a href="http://universaltypography.com/">Universal Typography</a>.
<span>June 2016</span>
</li>
<li>Talked separately with the Typekit team, Adobe researchers, and Jon Gold (who recently penned a couple of great <a href="http://www.jon.gold/2016/05/robot-design-school/">blog</a> <a href="http://www.jon.gold/2016/06/declarative-design-tools/">posts</a>), about algorithmic typography and machine learning.
<span>June 2016</span>
</li>
<li>Started this blog. <a href="http://tbrown.org/notes/2016/05/04/hello-world/">Hello world</a>.
<span>May 2016</span>
</li>
<li>Called in to Shop Talk Show. Chris and Dave were kind enough to share <a href="http://shoptalkshow.com/episodes/218-rapidfire-60/">my thoughts on modular scales and vertical rhythm</a>.
<span>May 2016</span>
</li>
<li>Worked on design patterns for Typekit integrations. More about that later this year.
<span>April 2016</span>
</li>
</ul>
<h3 class="beta">From a while ago</h3>
<p>Retiring this stuff from <a href="http://tbrown.org/index.html#recently">Recently</a>:</p>
<ul>
<li>Talked with Chris Coyier and Dave Rupert on <a href="http://shoptalkshow.com/episodes/172-with-tim-brown/">Shop Talk Show #172</a>. This was amazing! Iām a huge fan of the show.
<span>Jun 2015</span>
</li>
<li>
Spoke at <a href="http://aneventapart.com/event/san-diego-2015">An Event Apart San Diego</a>. Thanks, as always, to Toby, Marci, Stephen, Mike, Sean, Eric, and Jeffrey. Nothing like <abbr>AEA</abbr>.
<span>Jun 2015</span>
</li>
<li>Wrote <a href="https://deardesignstudent.com/good-looking-typography-92e218ad24b6#.vefmtolpf">Good looking typography</a> for Dear Design Student.
<span>May 2015</span>
</li>
<li>Wrote <a href="https://deardesignstudent.com/paying-for-type-7d77a5c18c97#.a7ckimtdg">Paying for type</a> for Dear Design Student.
<span>Apr 2015</span>
</li>
<li>
Gave the closing talk at <a href="http://2015.industryconf.com/">Industry</a>. Gavin Elliot puts on a stellar event, and Newcastle Upon Tyne is a beautiful place.
<span>Apr 2015</span>
</li>
<li>
Spoke at <a href="http://aneventapart.com/event/seattle-2015">An Event Apart Seattle</a>. Amazing event, beautiful city, very cool hotel, and the best speakers dinner ever.
<span>Mar 2015</span>
</li>
<li>
Spoke at <a href="http://aneventapart.com/event/atlanta-2015">An Event Apart Atlanta</a>. Demonstrated a new kind of <a href="http://universaltypography.com/demo/">typesetting tool</a> that uses font metrics to offer recommended font-sizes, line lengths, and line heights, and simulates the result in multiple contexts at once.
<span>Feb 2015</span>
</li>
<li>Wrote about <a href="https://medium.com/@timbrown/typekit-ethos-58e2f6c9f66a#.hviy5pa7a">Typekitās ethos</a>.
<span>Feb 2015</span>
</li>
</ul>
Remember this moment2016-06-22T17:00:00Zhttps://tbrown.org/notes/2016/06/22/remember-this-moment/<p>Every day, I wake up and canāt wait to start work. Itās been that way for at least ten years. This is such an exciting moment. For sharing ideas, making tools, and actually practicing typography. We are designing in the fourth dimension, and we are disoriented.</p>
<p>Later, when we look back, I want to remember that I tried hard to understand this moment's historical significance, and its potential to influence the future, as I decided how to spend my time. I want to remember that I was careful. That I paid attention. That I enjoyed trying to orient myself.</p>
<p>And I want to remember that it was incredibly frustrating. My brain and hands want to design with tools that donāt exist yet. Only time and effort will make those tools real, and waiting āĀ having to spend my life convincing others about the significance of this moment, and having to refocus my energy repeatedly as we crawl toward answers ā is agonizing.</p>
Making time to read2016-05-27T17:00:00Zhttps://tbrown.org/notes/2016/05/27/making-time-to-read/<p>My work at Typekit has been intense lately because weāre making big changes, and that means lots more communication to coordinate everybody (plus, you know, doing the work we communicate <em>about</em>). I have more active side projects than ever, and they're going well. My schedule works for me. I have plenty of time with family and friends.</p>
<p>But I donāt read or study the work of others as much as I used to. I don't pay attention to other people the way I used to, and I don't like this at all. Reading blog posts and articles is how I got where I am, professionally. It's why I have the ideas I have, and it's the basis of my relationships with good people (āHey, I liked what you wrote...ā). Playing with a technique or an idea somebody shared has always helped me think.</p>
<p>Reading time can be hard to justify, even to oneself. There is no deadline. It's not going to move any immediate projects forward (most likely). And it often feels like a waste of time, especially if your interests are diverse. But it's important. Most great work is the product of collaborative thinking.</p>
<p>Jeffrey <a href="https://twitter.com/zeldman/status/451749712">said</a> that if you don't write, you don't know what you think. Well, if you don't read, you don't know what you <em>could</em> think.</p>
Pressure calendar2016-05-09T17:00:00Zhttps://tbrown.org/notes/2016/05/09/pressure-calendar/<p>Sometimes I make a pressure calendar ā a quick, disposable calendar that helps me think clearly when I feel overwhelmed. Hereās <a href="http://cl.ly/image/2X2W2J0M350I">one I made the other day</a>.</p>
<p>I use pressure calendars when my to-do list is full of tasks that seem equally important, or tasks that could each consume all of my available time (like when I have speaking engagements or deadlines approaching). A pressure calendar shows me how much time I have, and helps me spend that time wisely.</p>
<p>Itās a printout from my calendar app, so for starters I can see scheduled commitments. If I have family visiting for a few days, for example, I know I wonāt be <a href="http://the-pastry-box-project.net/tim-brown/2013-july-26/">working in the morning</a> on those days. If I have travel plans, I know Iāll spend the night before packing. And so on.</p>
<p>I draw horizontal lines on the printout to divide days into thirds. Into the available chunks, I pencil in tasks. This helps me judge available time realistically, because I know I can expect four hours of productive time in each third of a calendar day. What can I get done in four hours?</p>
<p>In practice, things never go exactly according to my penciled-in plan. Stuff happens, so I cross off the days that have passed, erase as needed, and sketch out new plans. Although this kind of editing can get messy, it helps to be able to wrap my head around my tasks in a time-related way without having to use software. Hassles and overhead that wouldnāt normally bother me can really stress me out when Iām under pressure.</p>
<p>I refer to the pressure calendar constantly until I no longer feel overwhelmed ā and then itās amazing. Amazing to see how much I accomplished in a short span of time. Amazing to reflect on the stress I felt. And amazing to take all that stress, crumple it up, and toss it in the trash.</p>
Hello world2016-05-04T17:00:00Zhttps://tbrown.org/notes/2016/05/04/hello-world/<p>Now I have a personal blog. Thanks for reading. Look, it even has an <a href="http://feeds.feedburner.com/TimBrown">RSS feed</a>. I don't know what will go here yet. Probably the sort of things I put in <a href="https://tbrown.org/#personal">personal stuff</a> and <a href="https://tbrown.org/#recently">recently</a>.</p>
<p>I have wanted to start this for a while. Feels good. Making websites is harder than it used to be, but better, and I still love doing it. Nothing like having your own place, and making it yours.</p>
On Web Typography2014-08-06T00:00:00Zhttps://tbrown.org/notes/2014/08/06/owt/<p>Jason Santa Maria wrote <a href="http://www.abookapart.com/products/on-web-typography">a book on web typography</a>.</p>
<p>To say that Jasonās ideas and designs have influenced me is an understatement. I have followed his blog since <a href="http://v3.jasonsantamaria.com/">version three</a>. Years later, we started talking and he encouraged me to <a href="http://alistapart.com/article/real-web-type-in-real-web-context">write for A List Apart</a>. Soon after, we started working together on Typekit. I can show you many instances of my work that improved dramatically because of his feedback or example.</p>
<p>That same influence pervades this book. Itās not only an education in solid typographic fundamentals, written by a designer who deeply understands the web and has profound respect for design history ā itās a sneak peek at the way Jason practices design, full of advice so great and so plain that you simultaneously smile and smack your forehead because now you get it.</p>
<p>Read <a href="http://alistapart.com/article/how-we-read">an excerpt</a>, and <a href="http://www.abookapart.com/products/on-web-typography">buy the book</a>.</p>
<p>On headlines:</p>
<blockquote>
<p>Many folks, myself included, tend to use sans serifs for headlines. It comes down to simple geometry: most sans serifs can be packed in tighter than serifs because the letters take up less space. This allows for more characters per line and a larger type size.</p>
</blockquote>
<p>On margins:</p>
<blockquote>
<p>Without a healthy margin around our text, our words will feel congested like a highway on-ramp at rush hour. In general, I like to allot at least around 1.5ā2 ems of margin around body text.</p>
</blockquote>
<p>On word association as a method for choosing typefaces:</p>
<blockquote>
<p>Rather than scrolling endlessly through pages of typefaces and getting tangled up thinking, āIs this the right one?ā, come at it from a different angle. Ask yourself: what do I want my design to convey? Think of words that describe the feelings or moods youād like to impart.</p>
</blockquote>
<p>On typographic systems:</p>
<blockquote>
<p>Like any good system, typography provides a method to accomplish a task. A typographic system establishes hierarchy, meaning it helps us prioritize content based on individual elements and relationships between them. It also helps our readers easily scan chunks of information and understand what theyāre looking at. When done right, a typographic system feels intuitive, like an unspoken set of instructions.</p>
</blockquote>
<p>On balance in typography:</p>
<blockquote>
<p>Typography is a pursuit that combines the best of history, writing, math, artistry, and craft. No one thing rules over another. Sometimes the math wonāt add up, but the type may look right. When that happens, you need to rely on your instincts.</p>
</blockquote>
<p><a href="https://medium.com/@timbrown/on-the-influence-of-jason-santa-maria-554ded463776">Originally published on Medium.</a></p>
Molten leading (or, fluid line-height)2012-02-03T17:00:00Zhttps://tbrown.org/notes/2012/02/03/molten-leading-or-fluid-line-height/<img src="https://tbrown.org/images/nwt/2012/02/ml-widened-flh.png" alt="" title="Molten leading" class="alignnone size-full wp-image-2781" />
<p class="nl"><em>This is not a demo. Iām only explaining a need as I see it. I donāt have the JS chops to make it real. Maybe you do?</em></p>
<h3 class="beta">Updates</h3>
<ul>
<li>Mat Marquis made <a href="https://github.com/Wilto/Molten-Leading">Molten Leading</a> and <a href="http://wilto.github.com/Molten-Leading/">this nifty demo</a></li>
<li>Jim Jeffers made <a href="https://github.com/jimjeffers/jQuery-minLineHeight">jQuery-minLineHeight</a></li>
</ul>
<h3 class="beta">Original post</h3>
<p class="nl">When a responsive composition meets a viewport, there are different ways to fill space. What interests me most here is a fundamental triadic relationship in typesetting ā that of a textās <strong>font size, line height, and line length</strong>. Adjusting any one of these elements without also adjusting the others is a recipe for uncomfortable reading, which is one reason designers have such a difficult time with fluid web layout.</p>
<p class="nl"><img src="https://tbrown.org/images/nwt/2012/02/ml-scaled.png" alt="" title="ml-scaled" class="alignnone size-full wp-image-2780" /></p>
<div class="sidenote">
<p class="nl">One way to fill space is to scale text while keeping its proportions intact. This preserves the size/leading/measure relationship, and can work really well for some experiences (see Mark Hurrellās post on <a href="http://blog.responsivenews.co.uk/post/13925578846/fluid-grids-orientation-resolution-independence">orientation and fluid grids</a>). But an increase in font size can be jarring to readers; A larger font size affects reading distance comfort. If I were to rotate my iPad while reading, and the text scaled up, I can imagine needing to hold the device a few inches farther away as a result. This is not what designers want to have happen to text intended for reading.</p>
<p><em>In retrospect, this was a bad example. Some designers and readers may not want this to happen, but others epxect rotating a device to scale the type.</em></p>
</div>
<p class="nl"><img src="https://tbrown.org/images/nwt/2012/02/ml-widened.png" alt="" title="ml-widened" class="alignnone size-full wp-image-2782" /></p>
<p class="nl">Another way to fill space is to use fluid widths. The problem in this case is that CSS <code>line-height</code> is tied to <code>font-size</code>, which is rooted in browser <a href="http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/">font sizing</a> and <a href="http://www.alistapart.com/articles/a-pixel-identity-crisis/">environmental resolution</a>, while line length is based on <code>width</code>, which is rooted in viewport dimensions. So a carefully balanced relationship among font size, line height, and line length easily breaks down. We end up with line lengths that feel too long, font sizes that seem too small, line spacing that feels too tight or loose.</p>
<p class="nl"><img src="https://tbrown.org/images/nwt/2012/02/ml-widened-flh.png" alt="" title="Molten leading" class="alignnone size-full wp-image-2781" /></p>
<p class="nl">What we need is a fluid way to set line height. Web designers should be able to define line height as a range, like we do with <code>min-</code> and <code>max-width</code>. I made a <a href="http://nicewebtype.com/demos/molten-leading/">simple page</a> to visualize how Iām thinking about this. <em>Molten leading would maintain a specific font-size while adjusting line-height based on width</em>. In other words, I would essentially like to tween a paragraph from this:</p>
<pre><code>width: 15em;
line-height: 1.3;</code></pre>
<p>To this:</p>
<pre><code>width: 36em;
line-height: 1.4;</code></pre>
<p>So that it would be possible to find line height dynamically at any given point in between:</p>
<pre><code>width: 30em;
line-height: 1.371428571;</code></pre>
<p>To find that <code>line-height</code> value, I used this formula: ((current width ā min-width)/(max-width ā min-width)) Ć (line-height ā min-line-height) + min-line-height = line-height. With actual values, thatās: ((30emā15em)/(36emā15em)) Ć (1.4ā1.3) + 1.3 = 1.371428571.</p>
<p>What Iām not sure about is how to get the min/max widths of an element that are needed for this formula. If CSS authors routinely defined elementsā <code>min-width</code>, <code>max-width</code>, <code>line-height</code>, and some kind of <code>min-line-height</code>, thatād of course be ideal for this:</p>
<pre><code>p {
max-width: 36rem;
min-width: 15rem;
line-height: 1.4;
-js-min-line-height: 1.3;
}</code></pre>
<p>But thatās not always practical. Often, the width limits of a given text block will be determined by percentage-based inheritance (66% of the parent element, which is 85% of its parent elementā¦). Itād take some box model math to identify those narrow/wide limits. A script would have to figure out, for a given element, how wide/narrow can this grow?</p>
<p>If itās possible to glean that information from existing CSS rules, then the only thing designers would need to define explicitly is a minimum line height. That value could be passed as a function argument, or maybe found in the CSS by looking for that <code>-js-min-line-height</code> rule in my example above.</p>
<p>This feels like a step toward more natural typographic behavior on the web. Iām just not sure where to go from here.</p>
<p class="nl">Also, for what itās worth, Andy Clarke <a href="http://stuffandnonsense.co.uk/blog/about/proportional_leading_with_css3_media_queries/">talked about this in 2010</a>. His solution was to use media queries:</p>
<blockquote>
<p>Type tip: As the width of the measure (line width) becomes wider, leading (line-height) should be increased to aid readability.</p>
<p>How can we solve this, and adjust the amount of leading as the width of a browser window changes? With CSS3 Media Queries.</p>
</blockquote>
<p>What Iām talking about is augmenting CSS with <a href="http://nicewebtype.com/notes/2012/01/27/breakpoints-and-range-rules/">range rules</a> (effectively, min/max line-height) that donāt yet exist, but should for the sake of fluidity.</p>
Breakpoints and range rules2012-01-27T17:00:00Zhttps://tbrown.org/notes/2012/01/27/breakpoints-and-range-rules/<img src="https://tbrown.org/images/nwt/2012/01/responsive-continuum4.png" alt="" title="Responsive continuum" class="alignnone size-full wp-image-2702" />
<p class="nl">Think about the responsive nature of any particular web experience as a continuum of being. Along this continuum, on one axis, the experience can grow wide or narrow. Along a different axis, it can be near or far. Along a still different axis, it can be coarse or fine. There are many axes.</p>
<p>As a designed experience moves along a particular axis, it grows uncomfortable for any number of reasons: paragraphs feel too narrow or wide; font size feels too large or too small; elements touch or become awkwardly distant from one another. To cope with this discomfort, we use breakpoints. <em>Breakpoints</em> are <strong>moments of change.</strong> They allow us to make design adjustments that are only possible by changing the value or presence of CSS properties. We should invoke breakpoints as they are needed by our designs.</p>
<p>However, some design adjustments just happen in ordinary CSS. Properties like floats, positioning, minimum/maximum widths, and relative units of measurement (percentages, em, rem, unitless line-height) help us negotiate the collective moments between and among breakpoints. Think of these as range rules. <em>Range rules</em> are <strong>behavioral limits baked into CSS.</strong> For instance, if a column uses a <code>min-width</code> and/or <code>max-width</code>, these are rules that govern its range of motion. When elements in a layout float, but then bump against the limits of adjacent elements, this is a natural part of CSS ā there is a range of acceptable behavior.</p>
<p>Range rules are not bounded by breakpoints. A fluid composition could use no breakpoints at all, and still the natural interplay of CSS behaviors could be evident. In a case like this, elements could stack, float, reflow, and resize, with all behavior governed by flexible CSS rules that permit a range of possible existence.</p>
<p>Range rules are also permeable. Breakpoints can trigger changes at any point along any axis of an experience continuum, and have the potential to both purposefully modify and accidentally disrupt the range rules they intersect. For instance, a breakpoint may cause a composition's font size to increase after a certain viewport width is reached, and this may occur before or after a paragraph within that composition has reached its max-width. And if that same paragraph's max-width is em-based, the rule that governs its range now has different absolute limits than it once did (it can grow wider now, because the unit on which it is based has become larger).</p>
<p>Responsive design is about rules, not truths. When we design responsively, maybe it would help to think of elements in a composition as having range rules that coexist and do not necessarily align, rather than treating the continuum of experience between breakpoints as something to be hopped over.</p>
<h3 class="beta">Does this make sense?</h3>
<p>I wrote this post in a pretty authoritative tone, but I don't exactly mean it that way. I found it most comfortable to write as if I were, like, explaining the scientific properties of web design. I am still not sure that this makes sense. Please <a href="http://twitter.com/nicewebtype">let me know what you think</a>.</p>
<p>Thanks to <a href="http://twitter.com/skeeter">Ray Schwartz</a> and <a href="http://twitter.com/chrisilverman">Chris Silverman</a> for their feedback and general awesomeness. Thanks also to <a href="http://twitter.com/markboulton">Mark Boulton</a>, <a href="http://twitter.com/nathan_ford">Nathan Ford</a>, and <a href="http://twitter.com/aexmo">Alex Morris</a>, <a href="https://twitter.com/markboulton/status/162851812980948993">whose</a> <a href="https://twitter.com/markboulton/status/162852187972698112">tweets</a> <a href="https://twitter.com/nathan_ford/status/162860440886575104">today</a> helped motivate me to articulate this all (those guys are incredible, they were already writing about zones/ranges last year!).</p>
New: Notes blog2009-04-21T17:00:00Zhttps://tbrown.org/notes/2009/04/21/new-notes-blog/<p>When I started writing Nice Web Type <a href="https://tbrown.org/about/">in college</a>, I did not want to blog. Seven years, a backpack full of web typography resources, some moleskines full of thoughts, and time spent with a great bookmarking service can change one's mind.</p>
<p>It is impossible to know everything. <strong class="highlight">I never wanted to blog</strong> because I feared I had neither an expert nor a unique voice to lend. So I read, and learned, a lot.</p>
<p>When I was privileged to use the bookmarking service <a href="https://en.wikipedia.org/wiki/Gnolia">Ma.gnolia</a>, I began to share the things I was reading and the ways in which I interpreted those things. I did not want to stop! I contributed bookmarks to Ma.gnolia from 2006ā2009. Then, in February of 2009, Ma.gnolia experienced severe data loss and ceased to exist.</p>
<p>But along the way I changed my mind about blogging.</p>
<p>I still dislike the term. Typing it makes my fingers feel lethargic, and I try at all costs to avoid saying it out loud. But blogging is just a different kind of sharing, and I thought of a way it can work for me. For now anyway, it can be like glue.</p>
<p>When I find a suitable replacement for Ma.gnolia, Nice Web Type's Notes blog can help you, my reader, stay abreast of migrated bookmarks. Notes will also allow me to <strong class="highlight">bind bookmarks together by comparison, contextualization, or just added emphasis</strong> via a blog post (in addition to a bookmark in some service).</p>
<p>I'm still no expert, and I doubt that what I have to say hasn't already been said. But what I can do is take the nuggets I know about and show them to you. Maybe my own brand of learning-in-public can be for you what so many websites have been for me.</p>
<p>Want to see my notes?</p>