The latest articles on DEV Community by Alexander Nedomansky (@anedomansky). https://dev.to/anedomansky https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F277713%2F9a3e9f37-f44d-405a-b8d7-ed46ad9a1725.jpg https://dev.to/anedomansky en Alexander Nedomansky Sat, 30 Mar 2024 17:55:31 +0000 https://dev.to/anedomansky/resize-observer-api-36a3 https://dev.to/anedomansky/resize-observer-api-36a3 <p><em>This is a submission for DEV Challenge v24.03.20, One Byte Explainer: Browser API or Feature.</em></p> <h2> Explainer </h2> <p>The <a href="https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver#examples" rel="noopener noreferrer">Resize Observer API</a> is used to react to an element's changes in size. It is one of many Observers and provides an easy to use solution in comparison to otherwise problematic approaches.<br> Use with <code>new ResizeObserver(cb)</code>+ <code>ResizeObserver.observe(el)</code>.</p> <h2> Additional Context </h2> frontendchallenge devchallenge javascript webdev