1 repositorio
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
Encuentra los mejores repositorios con IA.Buscaremos los repositorios que mejor coincidan usando IA.
- marcj/css-element-queries
marcj/css-element-queries
4,243Ver en GitHubEste proyecto es una biblioteca CSS responsiva y un monitor de dimensiones de elementos. Proporciona un polyfill para consultas de contenedores CSS, permitiendo que los estilos se apliquen en función de las dimensiones específicas de un elemento en entornos donde el soporte nativo del navegador no está disponible. La biblioteca monitorea el ancho y el alto de los elementos DOM objetivo en tiempo real, activando devoluciones de llamada personalizadas cada vez que cambian las dimensiones. Adapta los componentes de la UI ejecutando ajustes de diseño y cambios de estilo basados en umbrales de tamaño predefinidos en lugar del tamaño general de la ventana del navegador. La herramienta gestiona estas adaptaciones a través de varios mecanismos, incluyendo la inyección de variables CSS dinámicas, el cambio de clases basado en umbrales y el uso de la API ResizeObserver para sincronizar las dimensiones de los elementos con las hojas de estilo.
Uses the ResizeObserver API to watch for changes in element dimensions and trigger style updates.
JavaScriptcsselement-querymedia-query
