7 min

Four pages

The developer who left in March had put four pages in the repo before they went, and the parts that saved me were not the parts I'd have guessed.

Documentation Agency
7 min

Printing an accordion

A customer saved a client's returns page as a PDF and got back a column of questions with white space under every one of them, which is what an accordion does when it meets a printer.

HTML Accessibility
9 min

Somebody else's checkout

Next week Shopify stops rendering checkout.liquid on 3 of the checkout steps, and going through one store's customizations turned up 8 pieces of decoration and 1 thing that was the entire business.

Ecommerce Shopify
7 min

A modal is a form

I deleted a focus trap last October and was extremely pleased with myself, then read the dialog element's documentation properly and found the one method call that had been doing that job, and 4 others, since 2022.

HTML Accessibility
8 min

Scroll wheels and zip codes

A customer was charged for 40 of something they had ordered 4 of, and the mechanism turned out to be a browser behavior sitting inside the one input type everybody reaches for.

Forms HTML
10 min

Native nesting and the ampersand

I moved one component off the preprocessor and the card came back as a column of unstyled text with the padding still on it, because every rule in that file whose selector started with an ampersand had quietly stopped being a rule.

CSS SCSS
9 min

z-index: 9999

A size dropdown on a client's product grid kept rendering underneath the row of products below it, and the 9999 already sitting on it had been doing nothing at all for 3 years.

CSS Debugging
10 min

The popover attribute

Somebody at a client's office emailed to say the order filters sent them back to the beginning every time they used them, and the fix was deleting the 180 lines I had written to do that job badly.

HTML Accessibility
8 min

color-scheme and the white flash

A client's site was flashing white on every load for anyone whose operating system is dark, and the declaration that fixed it also closed the unreadable checkout dropdown I'd had filed under Chrome being weird for months.

CSS Accessibility
9 min

I asked what it sold for

A proposal came back to me for a wording check and my own estimate was in it with a dollar sign in front of it, which is when I figured out that I'd been setting prices for years without being told.

Agency Careers
2 min

Intl.NumberFormat

Currency formatting is in the browser, has been for years, and is still being done with a hardcoded dollar sign and a call to toFixed in most of the code I read.

JavaScript Small Print
11 min

10% lighter

A designer said the hover on a button looked purple, and it did, even though the hue number hadn't moved a single degree off the blue it was supposed to be.

CSS