3 repository-uri
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 este o bibliotecă JavaScript modulară utilizată pentru a crea galerii de imagini responsive, vizualizatoare multimedia și componente lightbox media. Oferă o interfață fără dependențe pentru randarea video HTML5, iframe-uri externe și imagini responsive într-un overlay full-screen. Proiectul se distinge printr-o arhitectură de plugin-uri bazată pe module care permite dezvoltatorilor să extindă motorul de bază cu comportamente personalizate. Dispune de tranziții accelerate hardware, un sistem pentru sincronizarea indexului slide-ului curent cu fragmentele de hash URL pentru link-uri directe și capacitatea de a inițializa galerii folosind fie selectori CSS, fie array-uri de obiecte de date. Biblioteca acoperă o gamă largă de capabilități de afișare media, inclusiv gestionarea viewport-ului pentru zoom și rotirea imaginilor, preluarea automată a thumbnail-urilor video și benzi de thumbnail-uri navigabile. Include, de asemenea, suport pentru încărcarea amânată a videoclipurilor, preîncărcarea activelor și instrumente integrate de partajare pe rețelele sociale. Un API programatic este disponibil pentru a controla navigarea, a sări la slide-uri specifice sau a gestiona ciclul de viață al instanței galeriei prin cod.
Binds interactive gallery functionality to page elements by matching user-defined CSS selectors.