31
Tree views in CSS
How to create a tree view (collapsible list) using only HTML and CSS
32
iPhones and action discoverability
Discoverability I spend a lot of my time thinking about UX and design, and I try to consciously think about it in the wild when I can. One of the things that always catches my eyes is the idea of discoverability, or how a user is able to discover that action X does some thing Y. A basic way to do so is to rely on…
33
Cut the cutesy errors
If your app has just ruined my day, I need help, not humour.
34
Is Dark Mode Good for Your Eyes? (2020)
I've decided to stop using dark mode across all of my devices, because research suggests that going to the dark side ain't all that.
35
There’s No Such Thing as Clean Code
Everyone seems to be striving for ‘clean’ code at the moment. You can’t read a blog post without the author telling you how clean their approach is. Engineering teams get together and discuss which of the possible solutions is the cleanest. Other developers assure you that they practice ‘clean code’.
36
Aspect-ratio is great
Maybe it’s just me, but I feel like a lot of the time learning new CSS features doesn’t involve just learning a what a single property does, more like getting to grips with a collection of properties and how they work together — even learning a whole specification. That’s certainly not a complaint from me: it makes…
37
38
39
Pixel Art: Common Mistakes (2020)
We've all been there: you learn a few things and it all seems so simple, but when it comes time to make something yourself, it doesn't look right! In this tutorial, we'll start with some "beginner's pixel art" and we'll make edits to it in order to show off some common mistakes and their solutions. One of the hardest…
40
Experimenting a new syntax to write SVG
It's been a while since I introduced a new syntax to the css-doodle project to solve my own problems. While I'm not sure it would be useful elsewhere, I need to make some notes before I forget the details.
41
Why Is the Web So Monotonous? Google
Does it ever feel like the internet is getting worse? That’s been my impression for the last decade. The internet feels now like it consists of ten big sites, plus fifty auxiliary sites that come up whenever you search for something outside of the everyday ten. It feels like it’s harder to find amateur opinions on…
42
Tailwind is a leaky abstraction
Although Tailwind does have some benefits, ultimately it’s just one more thing to learn.
43
The Bucks can’t wear cream uniforms because they interfere with digital ads
The reason will almost certainly surprise you.
44
45
46
Oxford University Press’s new logo is unfathomably bad
appearance vs. reality in art & business
47
Design of This Website (2021)
Meta page describing Gwern.net, the self-documenting website’s implementation and experiments for better ‘semantic zoom’ of hypertext; technical decisions using Markdown and static hosting.
48
49
50
Stop Brainstorming
Why brainstorming doesn't work - and why to do nothing instead
51
Cool HTML elements nobody uses
Were you left in tears while searching for cool HTML elements? Don’t worry! This article contains 7 elements to up your Coolness…
52
53
How to pick the least wrong colors
An algorithm for creating color palettes for data visualization
54
System Preferences Reimagined on macOS
After decades without a redesign, System Preferences on macOS gets a bold & beautiful new look.
55
Triangle Grids
Grids are great for tactical gameplay of turn-based games because they allow discrete movement steps. That means that you can bind positioning to other resources such as movement points, action points, food, etc. Grids divide the infinite variety of movement options into a few specific ones, which can be considered…
56
Why do new cars look like wet putty?
"Wet Putty" whips are everywhere. What’s behind it? ... a BBSP investigation
57
Framer's Magic Motion
How does Framer Motion make layout changes look seamless? In this post, we're taking a deep dive into FLIP, the technique used by Framer Motion to animate changes in layout without sacrificing performance.
58
User Interface Design: Rules of Thumb
UI design patterns for web apps: 1) Use defaults; 2) Obvious settings; 3) Show progress; 4) Don’t interrupt; 5) Flat hierarchy
59
I recreated famous album covers with DALL-E
From Data to Daily Life
60
Making nice-looking and interactive diagrams for your PCBs
I have always liked pinout diagrams like this: Arduino Nano Pinout. Source: http://www.pighixxx.com/test/wp-content/uploads/2014/11/nano.pngThey work quite well, there is all the information and they look nice. However, they work only when you have pins on two sides of the PCB and once you squeeze too much information…