Practical notes on design and code.
UI/UX
Use the page title, main heading, or a concise status message to confirm a successful form submission, then offer Undo for reversible actions and confirmation for irreversible ones.
About 14 min read
CSS
Use `repeat(auto-fit, minmax())` to let dashboard cards wrap into fewer usable columns as the container narrows, instead of squashing content or forcing a horizontal scrollbar.
About 14 min read
Programming
Match an offline app shell across harmless query-string changes with Cache.match(request, { ignoreSearch: true }), while keeping API and query-driven content exact so the wrong cached response never replaces live data.
About 14 min read
DevOps
Use long-form `depends_on.restart: true` when an explicit Compose restart of a backend should restart the dependent app too. Container restart policies solve a different problem and do not create that dependency-triggered relationship.
About 11 min read
CSS
Use cascade layers to keep a component library in one named layer and site overrides in a later layer, then keep selectors low-specificity with :where() so normal overrides stay simple and testable.
About 14 min read
Architecture
Use an explicit ORDER BY that uniquely orders rows, then choose between OFFSET and keyset pagination based on how often rows change and how far users navigate. PostgreSQL only guarantees stable pages when the sort order is deterministic.
About 16 min read
DevOps
Choose the right Docker secret mechanism by separating build-time access from runtime access, then verify that secret values do not appear in image layers or environment variables.
About 13 min read
UI/UX
Map server-returned field errors into inline messages, pair them with a page-level summary, and choose a focus policy that helps screen reader users recover without losing their place.
About 14 min read
Programming
Use Cache.match() for an immediate cached response, refresh the resource in the fetch event, and notify the client only after the new copy is stored so the UI stays responsive without serving stale data forever.
About 13 min read
Architecture
Use EXPLAIN ANALYZE to compare PostgreSQL's plan estimates with real execution, then inspect whether the needed index exists and matches the query's predicate and ordering before you add or change indexes.
About 21 min read
UI/UX
Diagnose a slow mobile Largest Contentful Paint by separating field data from lab traces, then measure whether an optimization actually improves the user-visible element and the right LCP subpart.
About 13 min read
Coding
Use asyncio task groups, cancellation, and bounded waits so one failed I/O worker stops its siblings and every task is awaited before control returns.
About 12 min read