CSS Utility Classes and “Separation of Concerns” (2017)
Over the last several years, the way I write CSS has transitioned from a "semantic" approach to something more like what people call "functional CSS." In this post I explain how I got to this point and share some of the lessons and insights I've picked up along the way.
The case against conversational interfaces
Conversational interfaces are a bit of a meme. Every couple of years a shiny new AI development emerges and people in tech go "This is it! The next computing paradigm is here! We'll only use natural language going forward!". But then nothing actually changes and we continue using computers the way w
The Danger of “Simplicity”
Opinions and discussions of various topics, mostly related to programming.
MDN Redesign
If you’ve accessed the MDN website today, you probably noticed that it looks quite different.
Top accessibility complaints from people with disabilities
"If you have a disability, what's the hardest thing about browsing the web?" The answers to Safia Abdalla's tweet are truly eye-opening and shows us…
Video Game Blurs (and how the best one works)
How to build realtime blurs on the GPU and how the best blur algorithm works - "Dual Kawase"
Apple Mail randomly becomes the frontmost application in macOS
Since macOS 10.12 there’s a bug in Apple Mail that causes it to randomly become the frontmost application. If you are in full screen mode — like when you are giving a talk or watching a movie — it opens itself up in split view mode where it takes up half the screen while your other main window is being resized. I saw…
Architecture diagrams enable better conversations
Earlier this year myself and a couple others at DrDoctor did some training in C4 Architecture modelling1. The trainer was really good and over a few sessions with him we got the hang of the method. We went onto use what we had learnt, meeting everything Thursday over the course of 3 months. We focused mainly on…
AI movie posters
Guess the movie based on an AI’s visual interpretation of the plot.
Where Are the Vibecoded Photoshops?
If vibecoding is what people say it is, the world should be drowning in vibecoded artifacts right now. Two years of access. Millions of people with the tools. The barrier supposedly fell, right? RIGHT? So where is everything?
The Dribbblisation of Design
Articles and Podcasts on Customer Service, AI and Automation, Product, and more.
There is only one Cloud Icon in the Entire Universe
I recently worked on the update to the ASP.NET site, now in beta at ...
Map of Space Invader Mosaics in Paris
The mosaics marked as flashed are stored locally. They are preserved between visits but not synced between devices. You can download and backup/restore them as needed.
The Comeback of Fun in Visual Design
It’s finally here. A swing of the pendulum. A reemergence of fun in visual design.
Stop using Material Design text fields
Why you shouldn't use or imitate the text fields from Google's Material Design UI library.
X-Plane 12 Flight Model Update – Supersonic Transition, Delta Wings and Mass
Oh my GOSH this is getting good. One of my favorite planes the F-4 Phantom. And one of our alpha testers recently casually mentioned that he was an Israeli Air Force F-4 Phantom flight instructor. I’ve been exchanging emails with him about every 30 minutes or so, on average, for 12-hour-long days, for the past […]
Kindle vs. iPad Displays: Up close and personal
Programming, creative coding, tutorials by Keith Peters
Please don't force dark mode
A discussion on why forcing dark mode on users can lead to poor user experience, the impact of high contrast ratios on readability, and the need for better guidelines in dark mode design.
HDR‑Infused Emoji
Supercharging Slack’s Reaction Icons
Amazon Sumerian: A way to create VR, AR, and 3D experiences
Update May 18, 2022 – Amazon Sumerian is no longer available to new customers. Existing customers’ Sumerian data will be available until February 21, 2023. We recommend that these customers transition their existing scenes to Babylon.js where they can be published using AWS Amplify. For more information about Amazon…
Musical User Interfaces
Design. Programming. Music. Teaching.
The Graphic Art of Incredibles 2
I remember seeing the first Incredibles film in college with a few friends. We went on opening night and the theater was packed. I remember thinking that the way the movie opened with the old film footage of a younger Mr Incredible, Elastigirl and Frozone being interviewed was such a different way t
User experience design for APIs
Writing code is rarely just a private affair between you and your computer. Code is not just meant for machines; it has human users. It is meant to be read by people, used by other developers, maintained and built upon. Developers who produce better code, in greater quantity, when they are kept happy and productive…
Is timeless UI design a thing?
Trends come and go, fonts become uncool, buttons aren't supposed to have round corners... but what if UI design became timeless?