4 repositorios
Linking JavaScript logic controllers to DOM elements via specific HTML attributes.
Distinct from HTML Attribute Bindings: Focuses on binding a logic controller class to an element, not reactive data-to-attribute synchronization.
Explore 4 awesome GitHub repositories matching user interface & experience · Controller Binding. Refine with filters or upvote what's useful.
Stimulus is a JavaScript behavior framework and client-side logic layer used to add interactive behavior to server-rendered HTML. It functions as a system of DOM component controllers that organize JavaScript logic into classes, allowing developers to enhance server-delivered markup without replacing the rendering process with a client-side framework. The framework uses data attributes to bind JavaScript classes to HTML elements and map DOM events to specific methods through document-level event delegation. It employs a lifecycle manager based on mutation observers to automatically instantiat
Links JavaScript controller classes to HTML elements using specific data attributes.
Mixxx is a free, open-source DJ application that runs on Windows, macOS, and Linux, providing a complete platform for mixing audio tracks with beat detection, key analysis, and real-time effects during live performances. It functions as a digital mixer that supports MIDI controller mapping, timecode vinyl control, and custom skin layouts, while also serving as a live performance recording tool that can capture mixes to audio files and broadcast them to internet radio servers in real time. The application distinguishes itself through a comprehensive architecture that coordinates automated play
Every UI widget and internal parameter is linked through a central control object registry, enabling decoupled read/write access from any component.
Mixitup es una librería de animación de elementos DOM sin dependencias y motor de layout de rejilla. Sirve como un controlador de UI basado en datos y filtro de contenido del lado del cliente diseñado para gestionar la transición visual suave de elementos HTML durante operaciones de inserción, eliminación y ordenamiento. El sistema se especializa en la creación de interfaces de galería interactivas y filtrado de contenido dinámico. Permite la reorganización de elementos utilizando atributos personalizados o secuencias aleatorias, mientras sincroniza la disposición y visibilidad de los elementos de la interfaz con un modelo de datos subyacente. Más allá del filtrado y ordenamiento, la librería cubre la gestión de elementos DOM, incluyendo la inserción y eliminación dinámica de objetivos. Proporciona capacidades para animar el redimensionamiento de contenedores, definir efectos de animación personalizados y utilizar escalonamientos no lineales para las apariciones de elementos.
Links JavaScript logic controllers to DOM elements via specific HTML attributes to trigger filtering and sorting.
AmplitudeJS es una biblioteca y framework de JavaScript para construir reproductores de audio HTML5 personalizados. Sirve como un gestor de listas de reproducción del lado del cliente y controlador de medios que cierra la brecha entre los elementos HTML y la Web Audio API, permitiendo a los desarrolladores crear interfaces de medios con marca propia sin depender de los estilos predeterminados del navegador. El proyecto se distingue por su uso de enlace DOM basado en clases CSS y mapeo de estado de atributos de datos, que vincula los elementos HTML directamente a los controles de reproducción y metadatos de pistas. Incluye un sistema de visualización dedicado que utiliza la Web Audio API para renderizar formas de onda SVG en tiempo real y efectos visuales específicos de la canción basados en datos de frecuencia de audio. La biblioteca proporciona capacidades integrales para la gestión de bibliotecas de medios, incluyendo secuenciación de listas de reproducción, lógica de reproducción aleatoria y repetición, y población de metadatos. Maneja controles de reproducción como gestión de volumen, ajuste de velocidad de reproducción y búsqueda de marcas de tiempo, mientras ofrece un sistema de callback basado en eventos para sincronizar los cambios de la interfaz de usuario con hitos de reproducción específicos. El framework admite además el mapeo de entradas externas para atajos de teclado e incluye cambio de eventos consciente del dispositivo para optimizar las interacciones para pantallas táctiles móviles.
Deno Audio Engine links HTML elements to playback events via CSS and data attributes to trigger state changes.