1 repository
Awesome GitHub RepositoriesResizeObserver Integrations
Implementations using the ResizeObserver API to monitor element dimensions and trigger UI updates.
Distinct from Resource Change Monitors: Existing candidates for monitoring focus on system resources or infrastructure rather than browser DOM elements.
Explore 1 awesome GitHub repository matching user interface & experience · ResizeObserver Integrations. Refine with filters or upvote what's useful.
Awesome ResizeObserver Integrations GitHub Repositories
Găsește cele mai bune repo-uri cu AI.Vom căuta cele mai potrivite repository-uri folosind AI.
- marcj/css-element-queries
marcj/css-element-queries
4,243Vezi pe GitHubAcest proiect este o bibliotecă CSS responsivă și un monitor de dimensiuni ale elementelor. Oferă un polyfill pentru container queries CSS, permițând aplicarea stilurilor pe baza dimensiunilor specifice ale unui element în medii în care suportul nativ al browserului este indisponibil. Biblioteca monitorizează lățimea și înălțimea elementelor DOM țintă în timp real, declanșând callback-uri personalizate ori de câte ori dimensiunile se modifică. Adaptează componentele UI prin executarea ajustărilor de layout și a modificărilor de stil pe baza unor praguri de dimensiune predefinite, mai degrabă decât pe dimensiunea generală a ferestrei browserului. Instrumentul gestionează aceste adaptări prin mai multe mecanisme, inclusiv injectarea de variabile CSS dinamice, comutarea claselor bazată pe praguri și utilizarea API-ului ResizeObserver pentru a sincroniza dimensiunile elementelor cu foile de stil.
Uses the ResizeObserver API to watch for changes in element dimensions and trigger style updates.
JavaScriptcsselement-querymedia-query
