Archive: 2026-03 | Page 12
Archive: March 2026
-
Mar 16, 2026
When a bug appears in production code that was suggested by Claude Code, every team eventually asks itself: who was actually responsible. Clear accountability for AI generated code must be defined before the first incident, not afterward, otherwise blame games replace constructive root cause analysis.
-
Mar 16, 2026
Mixing up aria-labelledby and aria-describedby causes screen readers to announce buttons without a name or swallow error messages entirely. This article explains the difference between the accessible name and the accessible description, walks through the WAI-ARIA name computation, shows how to reference multiple ids, and covers the most common mix-ups using real form and dialog examples.
-
Mar 16, 2026
oklch() is the most modern color space in CSS Color Level 4 and solves fundamental problems of hsl() and rgb(): the lightness axis is perceptually uniform, gradients no longer pass through desaturated gray tones, and access to the P3 display gamut enables more vivid colors on modern screens, directly in the browser, with no image editing software required.
-
Mar 16, 2026
Test code often gets a free pass on type discipline because deadlines are tight, a mock gets copy-pasted, or it is supposedly just a test. Yet tests are exactly where type regressions in the code under test need to be caught reliably. This article covers practical typed mocking patterns using vi.mocked, satisfies, and mock factories, plus unknown and zod as replacements for any in loosely shaped test data.
-
Mar 16, 2026
An image gallery needs a clean preview grid on every screen and a seamless transition into a fullscreen lightbox when an image is opened, without leaving keyboard users or people on slow connections behind. This pattern covers the full build with Tailwind CSS and Alpine.js: from the responsive grid through the zoom transition on open to arrow-key navigation and lazy loading for many images.
-
Mar 16, 2026
A freshly scaffolded Hyvä theme ships a CSS bundle of several megabytes in development mode, because Tailwind CSS deliberately does not purge in watch mode. The CSS purge step in the production build scans every phtml and Alpine.js file for class names actually in use and shrinks the stylesheet down to a few kilobytes, provided dynamic class names are handled correctly and the deploy sequence runs cleanly.
-
Mar 16, 2026
A vector database is quickly installed, but the pipeline around it decides retrieval quality and operating cost. Embedding model choice, chunking strategy, and the concrete configuration of pgvector, Pinecone, or Weaviate are tightly linked, and a mistake in one place ripples through the whole chain. This article shows how Claude concretely supports each of these steps, including setup code and the most common chunk-size pitfalls.
-
Mar 16, 2026
A nightly mysqldump usually lands unchecked in the backup directory until it's needed in an emergency and turns out to be empty or outdated. An automated database dump analysis in Bash reads size trends, table row counts, and schema changes directly from the dump file, without restoring it into a test database.
-
Mar 16, 2026
Email clients do not render modern CSS, Outlook still partly relies on the Word rendering engine, and Flexbox or Grid simply do not work reliably there. Applying Tailwind utility classes consistently to table layout still allows consistent, maintainable HTML email templates to be built, without starting from scratch for every newsletter.
-
Mar 16, 2026
Anyone using Tailwind CSS only for static styling is leaving significant potential on the table. The built-in animate utilities, configurable keyframes, and the transition system enable smooth, performant UI animations, without writing a single line of custom CSS. This article shows how it works.