1
Internal Combustion Engine
Interactive article explaining how an internal combustion engine works.
Top posts
Every blog post that took off on Hacker News, ranked by the votes of its best submission. 110 posts.
2
Reddit’s disrespectful design
An overview of Reddit's adversarial and seemingly counter-productive changes.
3
Let’s fix font size
What happens when you set fontSize: 32 in your favorite editor
4
Curves and Surfaces
Interactive article explaining how curves and surfaces are modeled.
5
Fuckin' user interface design, I swear
From the highly eclectic blog of Mark Dominus
6
Why is Excalidraw so good?
The product factors that make it work so so well
7
I keep making things out of checkboxes
Something happened earlier this year where I got on a run making checkbox animations and just couldn’t stop.
8
Naval Architecture
Interactive article explaining how ships float and maintain their stability.
9
How to draw S-curved arrows between boxes
When I was building the spatial “tool for thought”, Jade, one frequently requested feature was drawing arrows between blocks, so we could make mind maps, flowcharts, etc. Here’s how I made it.
10
Has UML died without anyone noticing?
Stuck with Sparx Systems Enterprise Architect? Time to upgrade to Microsoft PowerPoint.
11
12
Just because I have a vertical screen doesn’t mean I’m on a phone
I'm a weirdo - I fully admit that. As part of my home working set up, I use a vertical monitor. I read and write a lot of long documents - and this form factor suits me perfectly. I've been doing this for a long time. It is a natural part of my workflow. For anything longer than an email, it's the perfect orientation…
13
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…
14
Nobody designs for small iPhone devices anymore
Nobody designs for small iPhone devices anymore. Why do I say this? Well, if you've been rocking the iPhone SE 2020 you would know. What I'm saying is there a lot of UI glitches from apps running on iPhone SE. Clubhouse Forgot to measure the screen's width? Spotify I can't see the Refresh button. I…
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
Whatever Happened to UI Affordances?
I am grumpy. As my very clever wife summarised, I hate when designers prioritise their æsthetic preferences over my usability needs. I tried sharing a website using Google Chrome for Android. I hit the share button, and a panel popped-up from the bottom of the screen. Hmmm. It didn't have the share destination that I…
17
Defensive CSS
A list of defensive CSS techniques to avoid potential future issues
18
Every pricing page should have GIFs
Made in Notion, the connected workspace where AI agents and teams organize docs, projects and knowledge together.
19
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...
20
Designing Beautiful Shadows in CSS
When I look around the web, most of the shadows I see are fuzzy grey boxes. It doesn't have to be this way, though! CSS gives us the tools to create rich, lush, lifelike shadows. In this tutorial, I'll show you how.
21
Bear plus snowflake equals polar bear
The correct answer is: 6. Or 7, if you want to be pedantic and include the newline, but let’s not.
22
The state of external retina displays
The monitor story for Apple computers in [nearly] 2022 is basically would you like garbage, or would you like to take out a home equity loan?
23
The complexity that lives in the GUI
The user interfaces are a weird thing. There are all sorts of libraries and frameworks that are supposed to help you on your journey of writing a GUI, but despite all the best practices and frameworks forcing you to eat your vegetables, the GUI always ends up being a ridiculous mess. After pondering some more about…
24
Every search bar looks like a URL bar to users
Computers would be so much better if they never had to deal with users, amirite?!!? I remember, years ago, working on a mobile web service which had a URl bar - so users could tap in bbc.co.uk on their T9 keypads - and a separate search bar. I thought that was pretty nifty. But it turns out, users tried searching for…
25
FedEx shipping damage creates fractured artworks
Since 2007, artist Walead Beshty has been cleverly using FedEx’s shipping infrastructure to create a series of artworks. He constructs glass objects that fit ex
26
Everything Easy is Hard Again (2018)
Personal site of designer Frank Chimero
27
28
29
Don’t starve, Diablo – Parallax 7 (2016)
In the 1990s, games started to move from 2D to 3D and if an alien would have landed on earth back then, it surely would have thought that nobody needs these low-res polygon-models without any filtering. Then it would destroy the earth.
30
An interactive guide to CSS transitions
This comprehensive guide shows how to use CSS transitions! A back-to-basics look at the fundamental building blocks we need to create microinteractions and other animations.