PSD to HTML is Dead
There are PSD to HTML tutorials are all over the web. In fact, many have asked why there's not a PSD to HTML tutorial on Treehouse. So why is it dead?
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.
Flexible data tables with CSS Grid
Now that we've launched, I can finally talk about the secret project I've been working on for the last two years. One interesting piece of the Teamwork CRM puzzle was the "list view". It's a powerful page component which exists seven times in the app — a table on steroids essentially. I could talk about it…
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…
How to properly plagiarize a website
Dear Kintek, it has come to our attention that your new website is very similar to the Infinum website.
When Figma starts designing us
The subtle ways in which design tools shape how we think and what we make
What does and doesn't matter about Apple shooting their October event on iPhone
You’re somewhere on the spectrum of occasionally shooting video on your iPhone to a professional-ish video maker with some gear, and you see at the end of Apple’s October “Scary Fast” event announcing new Macs with M3 silicon that the entire event was “Shot on iPhone.”
Making my own wedding rings
I’m getting married pretty soon, and I figured it’d be fun to make my own rings. I’d seen a Nile Red video where he made purple gold, and the process seemed simple enough: Make a mold, pour some mol…
Hardcoded Folder Icons in macOS
Are there any other hardcoded folder names in macOS? Where would I even start looking?
Alien Dreams: An Emerging Art Scene
Machine Learning at Berkeley is a student organization at UC Berkeley. Click to read ML@B Blog, by Machine Learning at Berkeley, a Substack publication with thousands of subscribers.
Scrolling on the web: A primer
Scrolling is one of the oldest interactions on the web. Long before we had pull-to-refresh or infinite-loading lists, the humble scrollbar solved the web’s original scaling problem: how can we interact with content that’s stretched beyond the available viewport? Animations by Rachel Nabors Today, scrolling is still…
Diagram Maker: Open sourcing IoT visualization
Today we are announcing Diagram Maker, an open source graphical user interface library for IoT application developers. With Diagram Maker, IoT application developers can define their own user interface and user experience, or suppress it completely and build their own custom behavior using Diagram Maker APIs. In this…
Tailwind is a leaky abstraction
Although Tailwind does have some benefits, ultimately it’s just one more thing to learn.
The number input is the worst input
Think that web form has got your number? If you used input type="number", you may be surprised to find that it doesn't.
Learn CSS layout the pedantic way (2015)
Bureaucrat Conrad, you are technically correct - the best kind of correct. I hereby promote you to grade 37. - Number 1.0 (Futurama, S2E15 )
Modern Mono
I’ve just finished setting up a new Mac (14" MBP, M2 Pro, 32G, 4T). It dawned on me that most of my really intense interactions with this thing involve looking at “monospace” (i.e. fixed-width) text; in Emacs where I write this blog, in my IDE, and in my terminal. The ones that came with the machine by default are…
The text mode lie: why modern TUIs are a nightmare for accessibility
The mythical, it's text, so it's accessible There is a persistent misconception among sighted developers: if an application runs in a te...
You can't design software you don't work on
Only the engineers who work on a large software system can meaningfully participate in the design process. That’s because you cannot do good software design…
Why xkcd-style graphs are important
For most data scientists, a toolkit like scipy/matplotlib or R becomes so familiar that it becomes almost an extension of their own mind. When fleshing out an idea, we will just open up ipython, write a few lines of code, and display the plot on the screen to get …
The Anti-Mac User Interface (1996)
We reverse all of the core design principles behind the Macintosh human interface guidelines to arrive at the characteristics of the Internet desktop.
Designing NotebookLM
Designer, builder, and visual storyteller. Now building Huxe. Previously led design on NotebookLM and contributed to Google AI projects like Gemini and Search. Also shoot photo/video for brands like Coachella, GoPro, and Rivian.
Surprising things that CSS can animate (2020)
When you think of animating CSS properties, which ones come to mind? I recently started wondering about the ones that don’t come to mind — properties that aren’...
Why I don't like Tailwind CSS
On paper, Tailwind CSS sounds like a great idea. In reality, it suffers from the same problems that it tries to solve.
Just use a button
One of the weirdest “debates” I seem to perpetually have with framework-enthusiastic developers is whether or not a <div> is “just as good” as a <button>. Spoiler: it’s not. Let’s dig in. The problem Among the React crowd, and also among people who seem to enjoy HTMX, I see a lot this… <div onclick="showSignIn()">…
The future of MDN: a focus on web docs
Building MDN into a world class repository of high quality Web documentation is one of the most valuable things Mozilla has done for Web developers. Now we’re looking to double-down ...
A new Xbox controller to make gaming accessible to more people with disabilities
The new Xbox Adaptive Controller will make gaming accessible to people with a broad range of disabilities.