One Neat CSS Trick
Using pseudo-selectors like :where and :not to invert style rules, allowing for better code encapsulation and context sharing across a codebase.
Archives
Debunking the alt text character limit
I've basically ignored this "rule" for years because I've never been able to replicate it myself. I test with a handful of screen readers, and none of them have ever cut alternative text short, but […]
The rules of margin collapse
A brilliant overview of all the weird edge-cases that exist with the CSS margin attribute. Honestly, having used CSS for over a decade I'm not sure I've run into any of them before (maybe parent […]
The Hidden Tarn
The various lockdowns have forced everyone in the UK to explore their local areas much more than they had previously, and my parents are no exception to that rule. Earlier in the summer, their local […]
Array functions and the rule of least power
The various array methods in JavaScript can be thought of on a scale of power, or really flexibility. At the top end you've got the for loop, at the bottom the highly-specific functions […]
CSS custom properties and the cascade
CSS variables (aka CSS custom properties) do not have access to the cascade. That means they can't fall back to earlier rules, so if your variable is invalid, the browser will simply unset […]
The miracle sudoku
Attempting to solve a sudoku with only two clues and some abnormal rules turns into a joyous, strangely tense thrill […]
Get static
At the start of the pandemic, Eric made a strong case that all critical websites needed to rapidly optimise for high traffic and accessibility (here very much meaning both a11y and device/situation […]
New Year, New Rules
Well, we did it: we made it to 2019! 🎉 […]
Ground rules.
100 words for 100 days: that is my challenge! Well, sort of. In reality, though I like the 100 word restriction, I'm not so sure about it as a […]