1
The Tyranny of the Marginal User
why consumer software gets worse, not better, over time
2
Text editing on mobile: the invisible problem
Whenever I explain my research at Google into mobile text editing, I’m usually met with blank stares or a slightly hostile “Everyone can edit text on their phones, right? What’s the problem?”
3
Log is the "Pro" in iPhone 15 Pro
Free LUTs for iPhone 15 Pro Log Video
4
Draggable objects
Many of my interactive pages have a draggable object . I want the reader to move the object around, and I want the diagram to respond in some way. Here I’ll document the code I use to make this work with both mouse and touch input, using browser features that are widely supported since 2020. Here’s a common case I…
5
The age of average
In the early 1990s, two Russian artists named Vitaly Komar and Alexander Melamid hired a market research firm to survey the public on what they wanted in a work of art. Across 11 countries they then set about painting a piece that reflected the results. Each piece was intended to be a unique a colla
6
Spinning Diagrams with CSS
This article discusses using CSS to make spinning 3D diagrams.
7
Scrollbars are becoming a problem
Scrollbars. Ever heard of them? They’re pretty cool. Click and drag on a scrollbar and you can move content around in a scrollable content pane. I love that shit. Every day I am scrolling on my computer, all day long. But the scrollbars are getting smaller and this is increasingly becoming a problem. I would show you…
8
9
Anything longer ago than yesterday should just say the actual date
nikitonsky: Why is nobody excited about these “yesterday”/“2 days ago”/“a week ago” labels?
10
The Camera-Shy Hoodie
A DIY wearable for avoiding recognition on IR security cameras.
11
Juice
Notes about creative coding on the Web.
12
Modern iOS Navigation Patterns
An unofficial bonus chapter for the iOS Human Interface Guidelines: Learn how to structure iPhone apps with drill-downs, modals, pyramids, sequences, and more.
13
How many layers of UI inconsistencies are in Windows 11?
Hello and happy new year! It’s 2023, and Windows 11 is finally a mature operating system that most people would be happy to use. Sun Valley has finally arrived, and it’s all about a lon…
14
A 17th-century font in a 21st-century thesis
The original specimen of the Dutch Fell Types, their digitisation by Igino Marini, and further enhancements by Lin Yangchen as a font for thesis typesetting in LaTeX.
15
Making noisy SVGs
Adding noise texture with only code
16
17
The contagious visual blandness of Netflix
And how to treat it
18
There oughta be a bullet time video booth
For my cousin’s wedding I did not make a photo booth but a video booth. - With an array of DSLRs to create a bullet time effect. Click the image to see the video on youtube.com. Since this is a very visual project, you should really watch the video. This blog post contains the same info with more details, but those…
19
Don't use custom CSS scrollbars
While a custom CSS scrollbar may seem flashy and fun, consider that it may present a significant, unnecessary barrier to access.
20
Don't fire your illustrator
Understanding (and Art Directing) AI image generators
21
22
Will Wright on designing user interfaces to simulation games (1996)
A summary of Will Wright’s talk to Terry Winograd’s User Interface Class at Stanford, written in 1996 by Don Hopkins, before they worked…
23
24
Website search hurts my feelings
Searching and displaying results isn't hard, why do so many websites suck at it?
25
Easy SVG sparklines
Using SVG to easily create sparkline charts, and rendering them on the server side with Elixir and Phoenix.
26
Making a font
This month I decided to learn how to make a font to use in my comic hakum . Previously, I was drawing the text digitally with my pen tablet. The result was fine, but sometimes difficult to read(the text would grow and shrink often in one page). I didn't want to use an existing font, so I decided to make one based on…
27
“Pigeon Neck” Illusion (2014)
An interactive demonstration of the “Pigeon Neck” Illusion
28
An interactive guide to SVG paths
An interactive guide to understanding SVG paths and path commands.
29
I don’t want to sign up for your newsletter (2018)
When a user moves their mouse from the middle of the page toward the navigation bar — presumably to abandon the page — there are technologies which can track this behavior and trigger a “mouse-out” alert. While this UX element (from companies such as Crazy Egg and Rooster) has great potential, I’ve found it far too…
30
Treemaps are awesome
An alternative to pprint for generically visualizing heterogeneous, hierarchical data