Practical notes on design and code.
UI/UX
Choose the ResizeObserverEntry field that matches the edge you are actually testing: layout size, border-inclusive size, or device-pixel size. This article maps box sizing, transforms, and scrollbars to the property that best answers each diagnostic question.
About 11 min read
CSS
Diagnose scroll snapping by checking the scroll container axis, the child snap alignment, and whether proximity is too soft for the behavior you expect.
About 13 min read
Architecture
Compare PostgreSQL SERIALIZABLE transactions, SELECT FOR UPDATE, and transaction-scoped advisory locks so you can choose the narrowest mechanism that owns the conflict and understand whether the result will retry or wait.
About 16 min read
DevOps
Use Compose healthchecks and `depends_on` conditions to wait for real backend readiness instead of guessing with sleep loops.
About 11 min read
Programming
Use an IndexedDB versionchange transaction as the only place schema and record moves happen, then add a durable migration marker and recovery check so an interrupted upgrade can be retried safely instead of leaving a half-moved database behind.
About 15 min read
AI
Version the model-facing schema, normalize accepted payloads into one canonical server shape, and use strict validation to evolve OpenAI function calling and Structured Outputs without breaking older conversations.
About 15 min read
UI/UX
Test nested auto popovers in Chromium: source-based keyboard order, inside and outside light-dismiss, Escape, and explicit focus after selection.
About 12 min read
Coding
Use Node’s stream contract to build a Transform that processes async-iterator input, pauses when write() applies backpressure, and cancels with an observable error instead of leaving buffered work behind.
About 15 min read
DevOps
Reuse dependency-download caches across multi-stage Dockerfiles by giving `RUN --mount=type=cache` an explicit, valid target and understanding that mount persistence is separate from layer cache reuse.
About 12 min read
CSS
A container query can look correct in a static demo and still fail after a runtime class flip if the container no longer supports the axis you are querying. Use the right `container-type` for the query axis, or keep the named container context available when you need name-only matching.
About 12 min read
Architecture
Use AsyncLocalStorage.run() to carry a request-scoped ID through overlapping async work, then verify the boundaries: nested restoration, outside-scope undefined results, thrown-error restoration, and the limits of context versus security isolation.
About 15 min read
UI/UX
Build a small Chromium fixture that distinguishes native dialog inertness, keyboard movement, and focus restoration without assuming immediate Tab wrapping.
About 11 min read