Menu

Two Lessons I Learned From Making React Components

December 18th, 2019

Here’s a couple of lessons I’ve learned about how not to build React components. These are things I’ve come across over the past couple of months and thought they might be of interest to you if you’re working on a design system, especially one with a bunch of legacy technical decisions and a lot of…

Auto Layout lands in Figma

December 5th, 2019

Here’s a fresh update to my favorite design tool that is thoroughly exciting: Auto layout! That means we can make frames that resize based on the size of the content within it. That’s particularly useful for buttons in a design system where you want to drop a button on the page and then keep its…

The New Klim Type Website is Impossibly Lovely

December 4th, 2019

I’ve spent the last hour hunched over the new Klim Type foundry website with my arms outstretched as if it was a fire in a very dark cave. Klim Type makes and sells wondrous fonts — like Tiempos, and National 2 or Pitch — and this fresh redesign now showcases them in all their glory….

Masking GIFs with other GIFs

December 3rd, 2019

The other day, Cassie Evans tweeted a really neat trick that I’ve never seen before: using SVG to mask one GIF on top of another. The effect is quite lovely, especially if you happen to grab a colorful GIF and place it on top of a monochrome one: See the Pen Masking gifs with other…

Build your own React

November 20th, 2019

Wowza! Rodrigo Pombo’s article about how to build React from scratch is fantastic, not only because it’s well written, but because of the outstanding interaction design: each line in the code examples be highlighted and explored in further detail as you scroll down the page. This makes it super easy to walk through each process…

No, Absolutely Not

November 19th, 2019

I think the difference between a junior and senior front-end developer isn’t in their understanding or familiarity with a particular tech stack, toolchain, or whether they can write flawless code. Instead, it all comes down to this: how they push back against bad ideas. What I’ve learned this year is that web performance will suffer…

Disabled buttons suck

November 11th, 2019

In this oldie but goodie, Hampus Sethfors digs into why disabled buttons are troubling for usability reasons and he details one example where this was pretty annoying for him. The same has happened to me recently where I clicked a button that looked like a secondary button and… nothing happened. Here’s another reason why disabled…

Location, Privilege and Performant Websites

November 7th, 2019

Here’s a wonderful reminder from Stephanie Stimac about web performance. She writes about a recent experience of moving to an area with an unreliable network and how this caused problems for her as she tried to figure out what was happening during a power blackout: Assuming all of your customers are living the same life,…

Why Are Accessible Websites so Hard to Build?

October 23rd, 2019

I was chatting with some front-end folks the other day about why so many companies struggle at making accessible websites. Why are accessible websites so hard to build? We learn about HTML, we make sure things are semantic and — voila! @— we have an accessible website. During the course of the conversation, someone mentioned…

Designing accessible color systems

October 21st, 2019

The team at Stripe explores how they’re refining their color palette to make it more accessible and legible for users across all their products and interfaces. Not only that but the team built a wonderful and yet entirely bonkers app for figuring out the ideal range of colors that they needed. We built a web…