Search

How should you define where your support starts and finishes? When can you reasonably use a new CSS feature or browser API? Despite my general grumpiness around the new Baseline metrics, Richard (and …

There are a lot of new web technologies emerging at the moment which really feel like we're entering a new era. Over the last decade, the likes of HTML5, ES6+, flexbox etc. have brought the web, and …

I recently had need to embed a Flickr album, as I've done many times before. When I published the article, however, the album was broken and only showed a single image. Odd, sure, but I figured I had …

An attempted experiment to replicate the blog layout of ilovetypography.com, which uses floats to great effect, with more modern CSS Grid and Flex techniques. Turned out to not be quite so simple, but taught me a lot about the benefits and limitations of CSS Grid.

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 …

I mostly use my iPad for watching YouTube. So what do I do now that Google has locked my device out of the YouTube app because it's too old? Why is it possible for a company to effectively remove features from my device that worked yesterday?

In which I begin by questioning why microformats are defined on the class attribute, instead of somewhere more bespoke, and end up concluding that I don't understand what microformats are actually for... and I'm not sure anyone else does, either.

Notes from the fully remote React Summit 2020 (or at least the talks I tuned in for). Lots covered, from static-site generators and the Jamstack through to React state management and accessibility. What a fun day!

Well, it only took about a week of dazed puzzling, data tables, and tearing my hair out in clumps, but I think I may finally have a rough content taxonomy for theAdhocracy. A rough first version, that is. Let me explain...

A detailed overview of the various methods available to locally store website or web app data. Overall, the recommendation …

An interesting read that covers some of the basic terminologies of typesetting, as well as the technicalities of how browsers actually interpret the line-height value. Hint: it's not what you'd …

An exhaustive guide to image optimisation, compression, formats, and quality on the …

The new dominant layout methods in CSS – grid and flexbox – have solved a lot of issues. Still, sometimes the ideal layout is somewhere in the middle: a flexible grid-like mashup. With a bit of outside-the-box thinking, you can there from either angle.

I've long wondered whether there were any particular gotchas with React when it came to using the prefers-reduced-motion flag. Well, Josh has written up the answer (and, as usual, extremely well). …

I love books. I have a huge collection of them and I routinely add to it. But when it comes to the topic of spreading knowledge and information, I think the web wins. It may not be as nice to use, but it is more accessible, and that means it's more valuable.

A great overview of techniques to help improve text legibility, working with the browser rather than against it to be as inclusive as …

System fonts are often overlooked, but they come with a massive list of advantages: environmental, performance, data …

IWC London was one year ago today. When it came to an end, I felt like I finally understood the IndieWeb. I was wrong.

A look at the largely manual workflow I've used to convert my physical music collection into a digital data archive.

For the last month, I've been getting show-stopping errors in Craft. My web host couldn't find any faults, Craft support had no clue, and it only affected one machine: one with Bitdefender installed. I wonder...

Starling Bank frustrates and impresses me in equal measure. Their technical solutions are magical – when they work – but their service is steeped in a privileged bias that makes them hard to truly recommend.

I use emoji quite a lot on this site, which means I'm already aware of some of the more unusual browser/OS quirks. Don't ever use flag emoji (except pirate 🏴‍☠️) because Microsoft refuses to …

A great (and niche) website that lets you look up the history of any given Last.fm account. For example, here's my stats page: theAdhocracy's Last.fm stats. There are lots of great data …

With half the year now firmly in the past, how are my 2022 goals coming along?

Animating a grid element provides a lot of potential for fancy UIs and interesting interactions, but it's not immediately obvious when searching online how it needs to work and what the limitations are.

Chakra UI is a pretty solid base for a component system, but it's CSS post-processing can't always provide ideal fallbacks for modern CSS techniques.

A very thorough overview of how to write a modern, performant, HTML-driven image component that is as optimised to serve the most appropriate image as possible. There are some very neat tricks in …

Ever close Firefox or have a crash, restart it, and discover an entire window of tabs is missing? You can potentially resurrect that lost session state, if you act quickly enough.

A superb breakdown of the changes being made in React 18+ around the new React Server Components paradigm. Josh has a knack for explaining complex problems in simpler ways, and this is no exception; …

The color-mix property enables a lot of interesting functionality when you realise that you can use it to mix transparency into colours, including design tokens.