Why centring is so hard
Every web developer has torn their hair out trying to align an icon with some text, or two separate pieces of text with each other, or (god forbid) a whole sequence of text nodes, icons, form […]
Archives
New success criteria in WCAG 2.2
A thorough overview of the new success criteria added (and removed) in WCAG 2.2, including clear guidance on how to test and pass each […]
What's new in WCAG 2.2
A complete overview of the most recent WCAG 2.2 spec as it enters RC status, including quick overviews on the most common solutions to meet each new success […]
Accessible D3 donut charts
A solid tutorial on making an accessible donut chart with D3. A couple of options are discussed, along with the pros/cons of each. I personally prefer the first option, where the labels and data are […]
Browsing with assistive tech
A fantastic series of short, introductory videos put together by the folks over at Tetralogical. Each one provides an insight into how assistive technologies and alternative browsing methods […]
Laziness does not exist
I have read this article half a dozen times since I first discovered it a couple of months ago. Each time, it angers me, saddens me, and reminds me that people are inherently, well, just people. […]
The mobile performance inequality gap 2021
A frankly depressing look at the state of the mobile web in 2021. From lacklustre technological advancement in the past decade, to increasing device saturation, and the overuse of JavaScript, here's […]
Get the FLoC out
The latest breach of Google's old "do no evil" motto is here: FLoC. As ever, Jeremy has written a well-reasoned and nuanced take on why it's likely a bad idea, both for the web in general and Google […]
Accessibility Insights
Clever tool for performing a11y audits on the web. Has an automated (though manually triggered) fast run that highlights WCAG breaches on any page, as well as a more detailed full audit suite that […]
Making persistant build folders in Netlify
Max has put together a quick overview of how to store webmentions in a cache folder so that you don't have to fetch them on each build with Netlify. Super useful and can't help but think this might […]
Frozen Fieldfares
Each day the weather gets a bit more wintery, which can only mean one thing: snow on the high tops! Both the lakes and the distant Scottish mountains had been peppered with white drifts overnight, so […]
Multicoloured text highlighting in cSS
A clever UX idea discovered on Pink News: each paragraph of text has a different highlight colour, so as you select parts of an article to copy elsewhere it reveals the LGBTQA+ flag. They're using […]
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 […]
What does 100% mean in CSS
A super useful recap of the main ways that CSS calculates percentage for element layout, each with a brilliant slider-based demo. The […]
Adding Lighthouse scores to my site's footer
Using a combination of Speedlify and Google Lighthouse tool, Zach is able to display web performance scores in his footer, bespoke for each page. He seems to be doing so client-side, though I don't […]
Welney Wetlands
Our week of exploration ended with the longest trip yet: Welney Wetlands. We'd originally planned to visit Welney (and the nearby town of Ely) for a long weekend to celebrate my birthday this year, […]
The Isle of Grain & Oare Marshes
For our second outing we wanted to really "stretch our wings" and get far out of the city. At the same time, what with the heatwave, getting to the coast felt like a good idea. Of course, we […]
Racism in palaeoart and #BlackLivesMatter
There's some really interesting/disturbing stuff here. Cuvier worked on academic papers outlining biological divisions within races – i.e. racist pseudoscience – whilst De la Beche (the first […]