SuperHi Foreword

I was commissioned to write the foreword to SuperHi’s first publication, Learn to Code Now. If you’re interested in boosting your HTML, CSS, and Javascript skills, go check them out.


The house where I was raised was an ideal place for our family, except one serious flaw: the house did not have my parents’ fingerprints on it. So began the constant construction project that lasted almost a decade. Bathrooms were moved and walls knocked down; skylights were installed, had their leaks fixed, then uninstalled for the trouble they caused. My parents removed the attic, raised the ceilings, bought a larger Christmas tree to take advantage of the new vertical clearance, then celebrated the new year by re-tiling the bathrooms. We painted the house only once in the ten years I lived there, from one shade of buttercream to another, and I still don’t understand why this escaped the same level of obsessiveness from my parents.

One day after arriving home from school, I saw my father hovering over a giant stockpot with wooden strips fanned out over the rim like uncooked spaghetti. He was boiling the planks, he said, to soften them. He’d then slowly form each strip along the curved edge of our built-in bookshelf to use as trim for the semi-circular shelves at the end. My father was taught this method by my grandfather, another amateur furniture maker, and now it was my turn to learn the process. “Pay attention to the wood, follow the grain, and if you take care, the wood will bend and not break,” he said. This was clearly intended to be a life lesson as well as a lecture in woodworking, the kind of practical inheritance that fathers live to provide their sons. Be patient. Be gentle. Got it.

Carpentry didn’t take: ten years of growing up in a construction zone made me swear off woodworking. (Also, we got a computer the year after my lessons in woodworking. How could I resist?) I now design and build software instead, which has its own methods and tricks, but I still find myself returning to my dad’s lesson for grounding. All materials have a grain, whether wood or pixels, and that grain suggests the best way to work. Go with the grain and one will find sturdiness combined with tremendous flexibility—a natural and exciting give that grounds decisions and excites with possibilities. Work against the grain and the work becomes precarious, difficult, and fragile. Instead of the elegant bending that software requires to adjust to different screens, uses, and situations, the work breaks because it can not adapt.

This idea of a grain, however, goes in the face of our expectations for technology. Software is often presented as a wide-open, infinitely malleable material. We expect technology to help us overcome limitations, not produce more of them. Can’t I do what I want? As always: to an extent.

We use teak for outdoor furniture because it is weather resistant. We use white pine for wood carving because it is soft. These kinds of rationale also go for designing software. On the screen, we use flat colors and simple gradients, because they’re lightweight, easy to programmatically draw, and can scale for areas of varying proportions. Sites have horizontal stripes of content stacked vertically, because that is how we read, and it is easier for most users to scroll vertically than horizontally. All of these design choices come from a knowledge of the materials at hand.

What is the grain of software? It has to do with fluidity. People who work on software create flexible systems that can deal with variability: content of varying lengths, connections of different speeds, users with many kinds of ability and attention. What does the page look like if it is empty? If it is full? And every possibility in between on mobile? Working with software is never designing towards a fixed artifact, like designing a chair or book. Instead, it is defining and designing conditions for a whole set of possibilities.

The easiest way to explore and test these possibilities is by working with the raw materials themselves: learn a bit of code and fiddle with things. A sturdy knowledge of HTML, CSS, and Javascript goes a long way in understanding what is possible with the medium.

You will make mistakes. Things won’t work! But you will also have good company—we all get it wrong the first, second, and usually third tries, no matter how much experience we have. Getting your hands on the materials is a learning process for all of us. We feel the grain and discover the contours of the problem we are solving, and revise when our efforts don’t work quite as expected. Luckily, code and pixels are free, so your trials and errors should be less expensive than the considerable amount of lumber I’d waste if I ever took up woodworking.

My father never fully understood what I did for a living, but we could always find common ground in craftsmanship. Good work is grounded in an attention to detail and knowledge of and respect for the materials. The more experience I gain, the truer this proves itself. Pay attention, respect the material, listen to how it guides you, and be gentle. You’ll be surprised by what you can do and how flexible it all can be.

Frank Chimero Designing & writing

Hi, I’m Frank Chimero, a designer from New York. Currently, I’m on sabbatical walking NYC, investigating new creative tooling, and researching Brian Eno’s collaborations with machines.

Email me    More info

Portrait of Frank Chimero

The Shape of Design A short book for new designers about the design mindset

Buy from Amazon Buy from Indie Read online Download

Writing Selected essays
and lectures

An anvil tied to a balloon
Everything Easy is Hard Again Is it twenty years of experience in tech or five years, repeated four times? 2018
A grid of wood cubes
The Web’s Grain Design by thinking inside the box model 2015
Time lapse image of a galloping horse
What Screens Want Design as choreography instead of composition 2013
A rose growing out of a pile of dirt
Only Openings Some problems must be tended instead of solved. 2014
Two torn pieces of paper matched together
Designing in the Borderlands Designer as translator, integrator, and merchant of ideas 2014

Blog 2009–?

About CV and bio

Hi, I’m Frank Chimero, a designer and writer from New York.

Previously, I was Creative Director and Head of Brand at the payments platform Modern Treasury. Before that, I co-founded and led design at Abstract, a design workflow and knowledge base startup that was later aquired by Adobe.

I also spent fifteen years running a solo design studio and consultancy, designing across product and brand for technology and media companies. Clients include Facebook, Microsoft, Nike, The New York Times, The Atlantic, and many early stage startups. I helped design a few things during that time you’ve probably used, from NPR’s online audio player to Wikipedia’s article pages.

In 2012, I wrote, designed, illustrated, and published The Shape of Design, a little book for new designers about the design mindset and making things for other people. Since the book’s launch, it has become a staple text in design education and found an enthusiastic audience beyond the design community.

I have a big love for museums, beat-up pocket-edition paperbacks, ambient music, antique JRPGs, and Phil Collins. (Nobody’s perfect.)

Experience

  • Sabbatical
  • Creative Director and Head of Brand Modern Treasury
  • Creative Director Fictive Kin
  • Self-employed Studio Frank
  • Co-Founder and Head of Design Abstract (acq. Adobe)
  • Self-employed Studio Frank

Select interviews

Select press

Awards

  • ADC Young Guns 8 Art Directors Club
  • New Visual Artist Print Magazine

Speaking

  • AIGA National Conference
    US
  • AIGA Regional Events
    US
  • An Interesting Day
    NO
  • Awwwards Conference
    DE
  • Build Conference
    UK
  • Creative Works
    US
  • Cusp Conference
    US
  • dConstruct
    UK
  • Design Speaks
    US
  • Design Thinkers
    CA
  • Do Lectures
    UK
  • Etsy
    US
  • Harvard University
    US
  • How Design Live
    US
  • Interlink Conference
    CA
  • Kerning Conference
    IT
  • Mailchimp
    US
  • Mirror Conference
    PT
  • New Adventures
    UK
  • Portable Series
    AU
  • School of Visual Arts
    US
  • Shopify
    CA
  • South by Southwest
    US
  • Substans
    NO
  • Webstock
    NZ
  • XOXO Festival
    US