Work-in-progress home page, design gratefully inspired by Alexander Obenauer’s lovely UI research website.
I finally got around to watching the Remastered version of #StarTrekTOS “The Doomsday Machine”. The team did a really great job with the visual effects, turning it into a very three-dimensional battle sequence. Really uplifts the episode compared to the original! #StarTrek
Very pleased with the little #CSS sticky positioning thing I’ve done with the speech bubble tails for the notes on my home page.
I wish I knew why my macOS Accessibility permissions seem to get corrupted every week or so. I’ll reboot my machine, and the ~10 different apps that depend on Accessibility access complain they need to be allowed when they already are. sudo tccutil reset Accessibility
resets everything so I can re-approve them … until it happens again. This Reddit thread suggests it’s a macOS 13 Ventura bug.
Using #TailwindCSS in practice for the first time, I quickly find myself needing to comment groups of utility classes to help me remember why I’ve added them. I believe best practice is to extract these groups of styles into well-named components, which I’ll be doing here with Liquid partials.
Takeaway: Tailwind doesn’t take away the need to write your styles in a separate file or invent names for things; it merely lets you defer this until you’re past the designing-in-code phase.
Build the Web
Make pixels change colour with code, to create beautiful,accessible experiences.
As Director of Front End Engineering at Culture Amp, I lead a practice of ~50 engineers to build interfaces that help users create a better world of work. I love to learn and explore what is possible on the Web.
How to test for screen reader accessibility with VoiceOver on your Mac
Every Mac has a screen reader built in, called VoiceOver. This article describes how you can use it to test the web application user interfaces you build!
Latest articles
- Web Directions Hover 2022 Day 2 notes
- Web Directions Hover 2022 Day 1 notes
- How to test for screen reader accessibility with VoiceOver on your Mac
- Ally Beaton looks back on two years in the Kaizen design system
- Micro Front Ends, Strategy, and Blueberry Muffins
- CSS Selectors Redux
- Melbourne Web Developers Fireside Chat
- My Sublime Text Setup
- Diet Coda for Modern Web Development
- Pre-order PHP & MySQL: Novice To Ninja, 5th Edition
Know your tools
Technology is a superpower. Make it work for you.
One of the gifts of a career in software development is the ability to automate away your own problems with custom software. I love to explore the little-known features and extension points in the technology I use, particularly in the Apple ecosystem.
Email apps on Mac, iPhone and iPad compared
I love a good deep-dive into competing software, so with the time I saved recently on shopping for email hosts I decided to take a fresh look at email clients for my Apple-ecosystem devices. Strap in for some obsessive comparison-shopping!
Latest articles
- Twitter Archived
- Email apps on Mac, iPhone and iPad compared
- Shrink Videos With ffmpeg On Your Mac
- Introducing Screencast a Week
- Verbal Diarrhoea at Microsoft Surface Pro 3 Event
- Orbitkey + 1Password + Hazel = ♥
- Fix “format not supported by the iPad” error on transferring iTunes movie rentals
- Diet Coda for Modern Web Development
- 2012 Apple iPad Event Predictions (Updated)
- Radioshift Subscriptions as iTunes Podcasts
Everything else
Personal stuff. Highs and lows.