Make any feed an RSS feed
A clever service that takes any input URL and attempts to identify lists of links (i.e. a feed) and then convert this into an RSS feed that anyone can subscribe to. Great for pulling content out of […]
Archives
Core web vitals reporting
A semi-official reporting tool to interrogate trends in web technologies versus Core Web Vitals (including the upcoming INP metric). Things look particularly bad for React-based frameworks, but […]
Optimising for INP
Google have recently announced a change to their Core Web Vitals metrics. The existing FID stat is being sunset, and replaced with a new way of measuring responsiveness: Interaction to Next Paint, […]
Are you sure that's a number input?
I often find myself a little unsure of when to use a number input, but Kilian has put together a detailed (yet brief) overview of exactly when it is (and isn't) appropriate. The tl;dr is beautifully […]
The component gallery
Building a tooltip? A carousel? A password input? I can strongly recommend checking if the Component Gallery has a page on whatever UI pattern you're working […]
Three ways to autofocus in React (that almost always work)
Whilst accessibility means you largely want to steer clear of autofocus on web forms, sometimes it can be beneficial. In HTML, we can now reach for the handy autofocus attribute, but as I recently […]
The typos that changed lives
An elderly gent who inadvertently had his satnav set to "Rom" instead of "Rome" and wound up in the wrong country;A pilot that incorrectly input destination coordinates causing a […]
Gradient borders with rounded corners on input fields
Whilst putting together my new search page I ran into a problem: styling an input box so that it had a gradient border and rounded corners. Turns out there's a hack for that.
Adding Search: User Interface (Algolia, Gatsby, Craft CMS - Part 2)
Having hooked up Algolia with my Gatsby build pipeline and populated a search index from my Craft CMS API, the next step was the build a frontend UI to enable users to actually query my posts. It turned out to be a pretty simple process.
Input attribute for one-time code
Just a neat tip: the autocomplete="one-time-code" attribute/value allows an HTML form to fetch a code used for two-factor authentication directly from the messaging app. Seems to only work for […]
Sparkbox Notes
Notes from my second fully remote conference, this time Sparkbox's UnConference. Being able to freely access talks from the US is a rare bonus of everything going on right now, and this did not disappoint. Musical cameos, great talks on UX, accessibility, design systems, and amazing speakers. Great event (despite the time difference).
Why We Removed Number Inputs
The GOV.UK UX and design team are fascinating. Every time I've had to use the website I've found it a breeze, which is an enormous achievement on their behalf. Better yet, they're incredibly […]