1
Internal Combustion Engine
Interactive article explaining how an internal combustion engine works.
Most cited
Posts that commenters keep linking to, ranked by how many different people have cited them in Hacker News comments. 21 posts.
2
New alternatives to HSL and HSV that better match color perception
Okhsv and Okhsl Two new color spaces for color picking This post has an accompanying interactive comparison of color pickers. I would...
3
Curves and Surfaces
Interactive article explaining how curves and surfaces are modeled.
4
My Custom CSS Reset
I have a set of baseline CSS styles that come with me from project to project. In the past, I'd use a typical CSS reset, but times have changed, and I believe I have a better set of global styles!
5
An interactive review of the Oklab perceptual color space
Blog of Raph Levien.
6
State of the Windows: How many layers of UI inconsistencies are in Windows 10?
We’ve all heard this riddle: if you dig down deep enough in Windows 10, you’ll find elements that date from Windows 3.x days. But is it actually true? In this article we’ll discov…
7
Please Stop “Fixing” Font Smoothing (2012)
I wrote two posts on the topic of WebKit font smoothing before, but unfortunately the situation has grown worse since then. In allowing the designer to pick their own font smoothing mode with the -webkit-font-smoothing CSS property, WebKit developers have opened up an opportunity for typographic abuse, namely, the…
8
Naval Architecture
Interactive article explaining how ships float and maintain their stability.
9
The Geometry of Color Perception
The previous pages have explained three very different methods for defining a color: (1) the measurement of the color stimulus as a spectral emittance or reflectance curve in colorimetry ; (2) the proportional responses to the stimulus by the L , M and S cones, represented as a chromaticity diagram ; and (3) the…
10
Let’s fix font size
What happens when you set fontSize: 32 in your favorite editor
11
Tailwind CSS v3.0
Tailwind CSS v3.0 is here — bringing incredible performance gains, huge workflow improvements, and a seriously ridiculous number of new features.
12
13
Penrose: From mathematical notation to beautiful diagrams
Materials from our SIGGRAPH '20 paper.
14
15
Safari 15 on Mac OS, a user interface mess
All in all, I liked what I saw at this year's WWDC keynote. Until Apple showed the new user interface of Safari 15.
16
Reimagining projections for the interactive maps era
A deep dive into Adaptive Projections, a novel way to make interactive maps more accurate without compromises to user experience or rendering quality.
17
Hiding Images in Plain Sight: The Physics of Magic Windows
I recently made a physical object that defies all intuition. It’s a square of acrylic, smooth on both sides, totally transparent. A tiny window.
18
New Kind of Paper
Paper & pencil are the best tools for thinking. Let's enhance them!
19
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?
20
The Quest for Very Wide Outlines
Brute force, gaussian blur, and Jump Flood Algorithm based outline approaches tested and compared.
21
Building a Magical 3D Button with Vanilla HTML/CSS
Every action we take on the web starts with a button click, and yet most buttons are ho-hum and uninspired. In this tutorial, we'll build an animated 3D button with HTML and CSS that sparks joy.