Web Development
Using ResizeObserver when an element changes size
Use ResizeObserver when a component changes size without a window resize, and avoid callbacks that continually resize their own target.
SOFTWARE · SECURITY · DESIGN
Web Development
Web Development
Read a dialog’s returnValue without treating it as saved form data
A native HTML dialog can return a choice string without saving anything. Reset the value on opening and handle cancellation separately from persistence.
Web Development
URLSearchParams set and append produce different repeated query strings
Use URLSearchParams append for additional values and set for replacement, then test repeated parameters against the server’s expected query format.
Web Development
The HTTP Vary Header Tells a Cache Which Request Differences Matter
Use an Accept-Language example to understand what Vary contributes to a cache key and why it does not replace an explicit cache-control policy.
Web Development
A Sticky Sidebar Needs the Right Scrolling Ancestor
Diagnose a sidebar that will not stay in view by checking its inset, scrolling ancestor and available space before adding more CSS.