31
Liquid Glass in the Browser: Refraction with CSS and SVG
Explore how to recreate Apple's stunning Liquid Glass effect using CSS, SVG Displacement Maps, and refraction calculations.
32
Objects should shut up
Personal blog of Julien (jvoisin) Voisin
33
Bill Atkinson's psychedelic user interface
How an Apple legend approached the world’s most powerful psychedelic as a user-experience problem to be solved.
34
108B Pixel Scan of Johannes Vermeer's Girl with a Pearl Earring
Girl with a Pearl Earring
35
Tinkering is a way to acquire good taste
Why tinkering matters as a lifelong learning tool.
36
Minimal CSS-only blurry image placeholders
Here’s a CSS technique that produces blurry image placeholders (LQIPs) without cluttering up your markup — Only a single custom property needed!
37
Tailwind CSS v4.0
We just released Tailwind CSS v4.0 — an all-new version of the framework optimized for performance and flexibility, with a reimagined configuration and customization experience, and taking full advantage of the latest advancements the web platform has to offer.
38
Dithering – Part 1
Understanding how dithering works, visually.
39
Don't animate height
Our app was mysteriously using 60% CPU and 25% GPU on my M2 MacBook. It turned out this was due to a tiny CSS animation! In this post, I show how to find expensive animations, why some are so expensive, and how to make many animations much cheaper. Along the way, we'll learn how the browser renders CSS animations and…
40
An interactive guide to SVG paths
SVG gives us many different primitives to work with, but by far the most powerful is the element. Unfortunately, it’s also the most inscrutable, with its compact Regex-style syntax. In this tutorial, we’ll demystify this infamous element and see some of the cool things we can do with it!
41
Cinematography of “Andor”
Continuing the ongoing series of interviews with creative artists working on various aspects of movie and TV productions, it is my pleasure to welcome Christophe Nuyens . In this interview, he talks about the transition of this creative field from film to digital, bridging the gap between feature films and episodic…
42
The vocal effects of Daft Punk
Daft Punk have used a wide variety of vocal effects in their songs. A May 2001 interview in Remix magazine provided a rare insight from Daft Punk themselves on the topic.
43
Figma Slides Is a Beautiful Disaster
Some highlights and lowlights.
44
Practical UX for startups surviving without a designer
How to figure out what the user experience should be when you don’t have time, budget, or a design team.
45
Gurus of 90s Web Design: Zeldman, Siegel, Nielsen
With the rise of Flash and CSS in 1997, three web design philosophies emerge. David Siegel advocates for 'hacks', Jakob Nielsen keeps it simple, while Jeffrey Zeldman combines flair with usability.
46
What makes code hard to read: Visual patterns of complexity (2023)
Not long ago, I was auditing a codebase for work (looking for bugs) when I realized that despite the quality of the code, I was becoming mentally fatigued extremely quickly and had a hard time working on it for long stretches of time…
47
Shaders: How to draw high fidelity graphics with just x and y coordinates
How to draw high fidelity graphics when all you have is an x and y coordinate.
48
Users only care about 20% of your application
I often destroyed our home computer when I was a kid. Armed with only 2GB of storage, I'd constantly hunt for files to delete to save space. But I learned the hard way that .ini files are actually imp
49
macOS 26 Tahoe's Dead Canary Utility App Icons
These are the not the work of carpenters who care about the backs of the cabinets they’re building. These icons are so bad, they look like the work of untrained “How hard can it be?” dilettante carpenters who only last a few days on the job before sawing off one of their own fingers.
50
Crossing the uncanny valley of conversational voice
Voice is our most intimate medium as humans. At Sesame, we are creating conversational partners that achieve voice presence—the quality that makes spoken interactions feel real, understood, and valued.
51
Iconography of the PuTTY tools
In March 2025 I received an email asking about PuTTY’s “logo” – the icon used by the Windows executable. The sender wanted to know where it had come from, and how it had evolved over time.
52
Overengineered Anchor Links
Learn about the overengineered anchoring pattern, a technique to improve the user experience of scrollable content.
53
Cosmos Keyboard: Scan your hand, build a keyboard
Cosmos is the easiest way to design a keyboard around your one-of-a-kind hands. Scan your hand using just your phone camera, then fit a keyboard to the scan. The key positions align to your fingers' lengths and movement.
54
Our interfaces have lost their senses
We programmed them by punching cards, plugging in wires, and flipping switches. Programmers walked among banks of switches and cables, physically choreographing their logic. Being on a computer used to be a full-body experience.
55
A Navajo weaving of an integrated circuit: the 555 timer
The noted Diné (Navajo) weaver Marilou Schultz recently completed an intricate weaving composed of thick white lines on a black background, ...
56
The subtle art of designing physical controls for cars
Prototyping a concept for simpler, physical climate controls
57
Better typography with text-wrap pretty
Support for text-wrap: pretty just shipped in Safari Technology Preview, bringing an unprecedented level of polish to typography on the web.
58
Material 3 Expressive
Google's research reveals how expressive design improves UX, usability, and evokes positive emotions in users
59
Kermit: A typeface for kids
Using design to empower children by making reading easier, improving comprehension, and helping dyslexics.
60
The iPhone 15 Pro’s Depth Maps
Benchmarks & Tips for Big Data, Hadoop, AWS, Google Cloud, PostgreSQL, Spark, Python & More...