Common mistakes in architecture diagrams (2020)
A rundown of seven common mistakes is system architecture diagrams and how to fix them
Text for Proofing Fonts: A Farewell to the Quick Brown Fox
H&Co designs fonts for print, web, and mobile environments.
Your product is a joke: lessons from improv to build better product
The rules that help make good improv comedy can surprisingly help make good product too. Let's run through interesting parallels between the two, and how you can apply some lessons from improv to build better product.
How to think about HTML responsive images
srcset, sizes, picture, source, and how they all fit.
GBC Boot Animation 88×31 Web Button
My little corner of the internet.
Don't disable buttons
One of the most common accessibility issues I find (and fix) on client projects is dynamically disabled form buttons when a form is being submitted. Today I want to talk about why developers do it, why it’s bad, and what you can do instead. Let’s dig in! Why developers disable buttons Typically, I see the pattern used…
When Interfaces Kill: What Happened to John Denver (1999)
How poor design killed John Denver dead.
The New York Times uses the dark patterns it derides
New York Times op-ed recently decried tricks websites use to manipulate users… but have you ever tried to cancel your NY Times subscription?
Menu simulation, Spidertron, Ghost building, Confirm button
Menu simulation V453000 In the last FFF, we presented that we now have the capability to show real game simulations in the Tips and tricks. Naturally we asked ourselves what else could we use this new technology for... We've dreamed about this multiple times in the past, but the technical roadblocks didn't make us…
Logarithmic calendar view
I’ve been sitting on this idea forever, but the chances that I’ll ever do anything with it are close enough to zero that I’m letting it go. (It’s not original, either, but it has yet to make it into a widespread calendar product.)
Good UX in the Wild: Dropbox's attention to detail on their download page
Sometimes good UX is about being clever. Sometimes it's to make the user happy ...
1-Bit Pixel Art Emojis
After my first son arrived in 2018, I didn’t have much time to work on the time-intensive Mount Fuji pixel art series any more (again, I hope to get back to this somehow soon).
A New Car UI: How touch screen controls in cars should really work
A New Car UI - How touch screen controls in cars should really work.
What design tools get wrong
Modern design tools, of both the vector and code kind, are amazing pieces of software that in recent years have transformed the design profession, but none of them seem to really understand the context that we currently design for. The remnants of fixed-dimensions are still visible in all and the tools are not helping…
Raster CRT Typography According to DEC
A closer look at the glyphs drawn by the DEC terminals VT100 and VT220.
Are Designers Crazy?
...or do I just need new glasses? I'm not a graphic designer. I find it hard to get into the mindset of excellence through beauty. I understand user flow, interactions, happy paths, delighting the user, humane design, and so on - but when it comes to the art of making something look nice I'm all at sea. I understand…
The Design of Software is a Thing Apart
Why code can't replace design docs: three examples (testing, coupling, intent) of design information that cannot be recovered from code alone.
Roboto but Make It Flex
Google’s most popular font gets customizable with the launch of Roboto Flex. It has a huge range of weights, optical sizes, grades & parametric axes.
Monotype font licencing shake-down
tl;dr Don’t try to shake-down a typography nerd with your dubious, automated claims about his employer using unlicensed fonts. How it started It started with a LinkedIn InMail message (sanitised to protect privacy): Subject: [Urgent] Font Software Licensing Review Hi Ameel I hope you
BioShock Infinite Lighting
Programmers don't generally have reels, but we do have blogs. I've been explaining the rendering work I did on BioShock Infinite quite a b...
Introducing Vector Networks: Generalized path editing for graphics
Before I co-founded Figma my background was in game development, not in design. I remember being very surprised when I first encountered…