1
Grok {Shan, Shui}*: Advent of understanding the generative art
I spent 24 days digging into the code of {Shan, Shui}* Chinese painting generator and lived to tell the story.
New
The latest blog posts to take off on Hacker News. 110 posts.
2
3
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?
4
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.
5
Tomoya Ikeda – Macintosh Artist
Tomoya Ikeda (池田友也) might not be a name you’re familiar with, but if you used a classic Macintosh computer at any time during in the 1990s you’re likely already familiar with some of his work.
6
NeXTSpirit: high-res NeXTSTEP Icons for macOS
I’ve always liked icons, make some occasionally for my personal use. I like especially old systems ones, from Mac OS Classic of course, but others too, Like BeOS, NeXTSTEP. Always found NeXTSTEP to have the most elegant interface of all, with that very sober windows and buttons style, yet beautifully detailed icons…
7
Right-to-Left Styling 101
An extensive guide on how to style for RTL in CSS
8
Defensive CSS
A list of defensive CSS techniques to avoid potential future issues
9
Two lines of CSS that will improve HN on mobile (IMO)
Made in Notion, the connected workspace where AI agents and teams organize docs, projects and knowledge together.
10
Glitch effect on text in pure CSS
Personal blog of Julien (jvoisin) Voisin
11
There oughta be a Blender plugin to animate growth
I have created a Blender plugin that takes an image texture with some structure and generates an animation of how this structure grows. To be more precise, it creates a non-color data image with the animation information that can be used in a shader. Since animations are hard to describe in words or individual images…
12
Every pricing page should have GIFs
Made in Notion, the connected workspace where AI agents and teams organize docs, projects and knowledge together.
13
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!
14
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…
15
16
Gmail’s fake loading indicator (2020)
Gmail's loading progress bar doesn't *actually* measure the progress of loading.
17
Why is Excalidraw so good?
The product factors that make it work so so well
18
Curves and Surfaces
Interactive article explaining how curves and surfaces are modeled.
19
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…
20
Apple Maps' Acceleration (2020)
One of the biggest surprises at WWDC last year was Apple’s announcement that its new map would cover “ the entire U.S. by the end of 2019 ”:
21
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.
22
The Tragedy of Safari 15 for Mac’s ‘Tabs’
Change for change’s sake alone is masturbatory. That with Safari 15 it actually makes usability *worse*, solely for flamboyant cosmetic reasons, is downright perverse.we
23
24
Dithered images and websites (2020)
That's a lot of data. More bytes on average than html, css, fonts, and javascript combined.
25
Domain-Driven Design
A definition of DDD as a software design discipline
26
27
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…
28
29
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.
30
Software should convey a sense of calm
Software should convey a sense of calm. How do you get there?