31
32
We need visual programming. No, not like that
Why do we keep building visual programming environments? Why do we never use them? What should we do instead?
33
34
Log is the "Pro" in iPhone 15 Pro
Free LUTs for iPhone 15 Pro Log Video
35
36
Don’t Get Clever with Login Forms
I'm Brad Frost, an independent creator, web designer & developer, teacher, speaker, writer, musician, and artist based in Pittsburgh, PA.
37
Bret Victor: Learnable Programming
Khan Academy recently launched an online environment for learning to program. It offers a set of tutorials based on the JavaScript and Processing languages, and features a "live coding" environment, where the program's output updates as the programmer types.
38
CSS Gradients that avoid the “gray dead zone”
Have you ever noticed that gradients tend to look a little gray and washed-out in the middle? This happens because of a mathematical quirk with RGB colors. Fortunately, we can work around this quirk, and create beautiful, lush, saturated gradients.
39
Draggable objects
Many of my interactive pages have a draggable object . I want the reader to move the object around, and I want the diagram to respond in some way. Here I’ll document the code I use to make this work with both mouse and touch input, using browser features that are widely supported since 2020. Here’s a common case I…
40
MacPaint Art from the Mid-80s Still Looks Great Today
40 years later and the art people painstaking made in MacPaint on their little Macs still amazes me.
41
42
GUIs should be fully keyboard-driven
GUI applications should be fully driven by the keyboard using shortcuts
43
HTML Can Do That
HTML has been gobbling up swathes of what used to be JavaScript’s remit. This page lists a bunch of dynamic functionality that we can now achieve with just HTML.
44
Old CSS, New CSS
I first got into web design/development in the late 90s, and only as I type this sentence do I realize how long ago that was. And boy, it was horrendous. I mean, being able to make stuff and put it online where other people could see it was pretty slick, but we did not have very much to work with. I’ve been taking for…
45
46
The Decline of Usability
If you find this text interesting, please consider also reading The Decline of Usability: Revisited or some of my other many ramblings on modern user interfaces.
47
Printing Music with CSS Grid
Music notation should be as accessible and as fluid as text is on the web. CSS Grid helps us get there.
48
The age of average
In the early 1990s, two Russian artists named Vitaly Komar and Alexander Melamid hired a market research firm to survey the public on what they wanted in a work of art. Across 11 countries they then set about painting a piece that reflected the results. Each piece was intended to be a unique a colla
49
Enough AI copilots, we need AI HUDs
In my opinion, one of the best critiques of modern AI design comes from a 1992 talk by the researcher Mark Weiser where he ranted against “copilot” as a metaphor for AI.
50
iPhones are hard to use
I once wrote a user manual for a handheld engine-diagnostics module for Daewoo cars. I know “hard to use” when I see it. iPhones are hard to use.
51
Spinning Diagrams with CSS
This article discusses using CSS to make spinning 3D diagrams.
52
Scrollbars are becoming a problem
Scrollbars. Ever heard of them? They’re pretty cool. Click and drag on a scrollbar and you can move content around in a scrollable content pane. I love that shit. Every day I am scrolling on my computer, all day long. But the scrollbars are getting smaller and this is increasingly becoming a problem. I would show you…
53
AirPods don't “just work”
AirPods are a fantastic product. However, the small annoyances that occur when using them don't allow it to fall under the category of Apple products that "Just Work".
54
Let’s fix font size
What happens when you set fontSize: 32 in your favorite editor
55
CSS gets a new logo and it uses the color `rebeccapurple`
A community vote in the CSS-Next repository on GitHub decided on a new official logo for CSS. The design follows the design language of the logos of other web technologies like JavaScript, TypeScript, and WebAssembly. A demonstration of the new rebeccapurple colored CSS logo alongside the logos from JavaScript…
56
A UX designer walks into a Tesla Bar
I borrowed a friend’s Tesla 3 yesterday. About 5 minutes into the ride, the windshield started fogging up. I couldn’t find the defroster on the large control screen Teslas are so famous for. In desperation, I tapped the CAR icon but that took me to the settings screen which ended up being a dead end. Frustrated, I…
57
58
1:60 scale Boeing 777 made from manila folders
The homepage of the work for which I'm best known — a model Boeing 777, made entirely from manila folders!
59
60
The end of the nice GTK button
A look into my favorite Adwaita button and why I'm not happy it's going away