3 repositorios
Binding speech bubble triggers to page elements by matching user-defined CSS selectors in a configuration object.
Distinct from CSS Selectors: Distinct from CSS Selectors: focuses on binding interactive character responses to CSS selectors, not styling.
Explore 3 awesome GitHub repositories matching user interface & experience · Interactive Selector Bindings. Refine with filters or upvote what's useful.
This project provides an animated Live2D character widget that can be embedded on any web page as an interactive mascot. The widget renders characters using the Cubism SDK on an HTML canvas, and can be deployed either via a content delivery network for zero-setup integration or self-hosted on a personal server for full control over asset delivery. The mascot responds to visitor actions through CSS selector-based interaction binding, displaying custom speech bubbles when users hover over or click specific page elements. Visitors can click and drag the character to reposition it anywhere on the
Displays custom text when users hover over or click specific page elements defined by CSS selectors.
Uncss is a build pipeline CSS optimizer and optimization tool designed to remove unused styles from stylesheets. It analyzes HTML files to identify and strip selectors that do not match any elements in the markup, reducing the final stylesheet size and overall web page weight. The tool functions as a DOM-based CSS analyzer that can simulate runtime document states. It provides mechanisms to preserve required selectors through the use of literal names, regular expressions, and specialized CSS comment markers to ensure styles triggered by user interactions are not deleted. The project supports
Preserves specific CSS selectors to ensure styles triggered by user interactions are not deleted.
lightgallery.js es una librería modular de JavaScript utilizada para crear galerías de imágenes responsivas, visores multimedia y componentes de lightbox. Proporciona una interfaz sin dependencias para renderizar video HTML5, iframes externos e imágenes responsivas dentro de una superposición de pantalla completa. El proyecto se distingue por una arquitectura de plugins basada en módulos que permite a los desarrolladores extender el motor central con comportamientos personalizados. Cuenta con transiciones aceleradas por hardware, un sistema para sincronizar el índice de la diapositiva actual con fragmentos de hash de URL para enlaces directos, y la capacidad de inicializar galerías utilizando selectores CSS o arrays de objetos de datos. La librería cubre una amplia gama de capacidades de visualización de medios, incluyendo la gestión del viewport para hacer zoom y rotar imágenes, la obtención automática de miniaturas de video y tiras de miniaturas navegables. También incluye soporte para carga diferida de video, precarga de activos y herramientas integradas para compartir en redes sociales. Está disponible una API programática para controlar la navegación, saltar a diapositivas específicas o gestionar el ciclo de vida de la instancia de la galería mediante código.
Binds interactive gallery functionality to page elements by matching user-defined CSS selectors.