Start a project

Tag

javascript

A phone with its website screen smeared and swirling in a dizzy motion blur, while the phone itself stays sharp

Dev log Accessibility Reduce motion: kinder animations for every visitor Site animation is nice, but it makes some people dizzy. Keep your motion, let people turn it off, and switch it off for anyone who asks. Here's how. October 28, 2026 7 min read

A wooden ruler with small paper flags clipped along it, three stacked at the top, one big lime flag below them and two waiting near the bottom

Dev log CSS Build a scroll ruler sidebar with letter-by-letter titles Section titles that ride a ruler and swing into place one letter at a time, rebuilt from the ArtCraft site with CSS and a short script. October 13, 2026 10 min read

CSS code using anchor-name and position-anchor next to a menu whose lime pill slides under the hovered link

Dev log CSS CSS anchor positioning: move elements on hover, no JavaScript Give the hovered element an anchor-name, make another element follow it with position-anchor, and add a transition. It slides there, no JavaScript. October 6, 2026 8 min read

JavaScript code example from this post

Dev log JavaScript Replace text in a string with JavaScript replace() changes the first match. replaceAll() or a regex with the g flag changes every match. Also case-insensitive swaps, $ patterns and escaping input. February 1, 2016 4 min read