This is a curated list of articles I've read and have shared online as I believe they are worth sharing. I aim to update this list on a weekly basis. You can keep up to date with all the links I share by revisiting this page, or alternately, you can subscribe to the RSS feed for links.
Exposed RSS
I get sites not having an “RSS” for “Feed” link on their website while actually having an RSS feed. I don’t like it, but I get it. Maybe they picked an off-the-shelf t…
Local link targets must be focusable to prevent accessibility issues
If you're linking to local elements via id you must ensure that they are focusable because otherwise assistive technology relying on "document.activeElement" can't follow the link target.
How Do You Vertically Centre an Element in CSS? (Even More) Easily!
Rachel Andrew shared a snippet of good news for CSS layout on her blog the other day: it’ll soon be possible to vertically centre an element inside a parent without the parent needing to be a flex or grid container, using the align-content property.
A CSS native way to prevent orphan text
In typography, an orphan or widow is a single word on its own line. It can look particularly unpleasing with headings, and is hard to “plan for” on the web, where people view your site on a wide range of viewport sizes. You can avoid them by manually added a non-breaking space (&nbsp;) before the second and last word in every sentence, but doing that manually is madness. <h2>How to use the Array.
Giving context to a blogroll
Garrit Franke’s recent post, titled “Roast my site”, motivated me to write about something that has always bugged me with personal sites: the grocery-style blogroll
Is It Time To Replace Sass?
With the growth of native CSS features - including nesting - what features do we still gain by using Sass, and what is available to use in its place?
Batching Life Changes
I’ve never really done a “year in review” post before, but 2023 and, in particular, the last few months, have brought tides of change that I feel the need to share
Expanding Grid Cards with View Transitions
A friend showed me something of a design spec they were charged with pulling off: The requirements: … when I click on any of them it expands at the top to full width and the rest of the cards…
CSS Custom Properties Beyond the :root
Is there a good reason why we’re defining global custom properties on :root/html and not on body?
A few developer console tricks
In my new free course for beginners, Learn JavaScript, I talk briefly about how powerful the developer console is, and why I think it’s ones of the best features of working in the front end.