In the fall of 2024, my team started using Aider as our coding assistant, one of the first CLI-based AI coding tools out there. I was tasked with creating front-end guidelines to be used as LLM...

## Keyboard & Focus

A few years ago when I started using css custom properties, I would try all kinds of things with them to see what I could discover about using them. One of the things I made is this .fs-scale class...

I use AI every day at work to assist me not only in coding but also in handling technical specifications and their challenges. As our organization began adopting AI more broadly, I have seen how the...

Initially, browsers universally applied focus styles via the :focus pseudo-class to all focusable elements, typically as a focus ring. This default user-agent style ensured every link and button...

Let's talk about alerts and how they are supposed to work. I was recently in a discussion about them at work, and to better prepare myself for a discussion with the product team and C-suite officers,...

One of the things I am really bad at is deciding where to put a file in a project. I realized that I can let AI solve that for me by giving it more context on the project with a map of the project...

I made an alt text generator using Aider with Claude Sonnet 4, SvelteKit and Tailwind. I didn't think it was very hard to do since I straight up vibe coded it.

Since moving from Vue to Svelte one of the things I miss from Vue is when it would create an array of elements using a ref in a v-for loop.

Recently I found a need to calculate vh and vw