HeydonWorks

Whichever way you cut it, you cannot be an AI artist.

Making the most of inheritance when extending custom element classes.

A reusable pattern for custom elements installation

Understanding the parity principle in accessibility, using rick-rolling as an example.

Hel is a distorted Swiss variable font with three axes

Skune is a variable font designed to have the jagged, frenetic appeal of lo-fi garage punk

The relationship between shame and motivation in web development, especially regarding accessibility.

Addressing the elephant in the room: adverts appearing on my blog

An unofficial guide to the HTML col element

An unofficial guide to the HTML caption element

An unofficial guide to the HTML code element

An unofficial guide to the HTML cite element

An unofficial guide to the HTML canvas element

An experimental strategy for contaminating Large Language Models

An unofficial guide to the HTML br element

An unofficial guide to the HTML button element

An unofficial guide to the HTML body element

An unofficial guide to the HTML blockquote element

An unofficial guide to the HTML bdo element

An unofficial guide to the HTML bdi element

An unofficial guide to the HTML b element

An unofficial guide to the HTML audio element

An unofficial guide to the HTML aside element

An unofficial guide to the HTML article element

An unofficial guide to the HTML area element

An unofficial guide to the HTML address element

An unofficial guide to the HTML abbr element

An unofficial guide to the HTML anchor element

CSS can be a great HTML testing tool, especially in 2024

A quick explainer about single-page applications are what they are good for.

Learn about utility-first CSS and what is meant by “utility“ in this context

Using a custom property to store IntersectionObserver ratio values

The transcript for the Webbed Briefs video What Are Accessibility Overlays?

Thoughts on making our documentation as reusable as our code.

You may be a libertarian, but that does not mean you have to be right wing.

Prove to me why you shouldn’t shit yourself.

It's really, really easy to use design tokens with Eleventy

A simple script to convert Wordpress data to eleventy data

Exploring a random link implementation for a static site.

What we really mean when we're talking about burnout.

Making ambient music as a means to recuperate from burnout of all kinds

Wherein Google commissions research that confirms what I knew already, because it was obvious.

Some words are irredeemable.

Since the landmark Domino's case, I've been having some conversations about web accessibility with people who wouldn't ordinarily take an interest.

In case you haven't already heard: the full version of Every Layout is now ready for purchase!

It's important you sign and share this petition.

You may want to read the original Flexbox Holy Albatross post but basically, I missed a step (I was hungover): You can switch between horizontal (multi-column) to vertical (single column) Flexbox layouts just using flex-basis.

For the last 6 or so months, I've been engaged in a number of activities including (but not limited to): Scratching my head Staring out of the window Laying in bed and staring at the ceiling Screaming into a pillow Rolling around on the floor sweating fev…