3 dépôts
Mechanisms for extracting text from DOM data attributes to be used in other operations.
Distinct from Element Attributes: Focuses on retrieving text for copying from data attributes, rather than general configuration of DOM attributes.
Explore 3 awesome GitHub repositories matching web development · Data Attribute Mapping. Refine with filters or upvote what's useful.
clipboard.js is a lightweight JavaScript library and browser API wrapper designed to manage text transfers to the system clipboard. It functions as a DOM event clipboard manager that enables the copying and cutting of text from web page elements. The library provides mechanisms for dynamic text transfer, allowing text to be resolved from static HTML elements, specific data attributes, or programmatically defined strings at runtime. It includes an event-driven callback system to trigger user interface feedback or custom actions upon the success or failure of a clipboard operation. The tool im
Implements text retrieval by reading specific data attributes from trigger elements.
Scroller est une bibliothèque JavaScript pour implémenter des interactions de panoramique et de zoom sur des éléments HTML et des surfaces de rendu Canvas. Il fonctionne comme un gestionnaire d'état de fenêtre d'affichage et un moteur de défilement cinétique qui traduit les événements de pointeur tactile et de souris en décalages mis à l'échelle pour une navigation fluide. La bibliothèque dispose d'un système de mouvement cinétique qui simule la décélération et le rebond des bords. Elle inclut des mécanismes spécifiques pour les déclencheurs de « pull-to-refresh » et prend en charge la mise à l'échelle du zoom relative au point pour garder le point focal centré sur le curseur de l'utilisateur. Le système fournit une gamme de contrôles de mouvement, incluant des comportements de glisser verrouillés sur les axes et un alignement par accrochage à la grille. Il gère l'échelle de la fenêtre d'affichage via des limites de zoom minimales et maximales configurables et calcule les transitions de coordonnées indépendamment de la couche de rendu. L'intégration avec le DOM est gérée via des attributs de données pour l'initialisation automatique de la logique de défilement et de zoom.
Allows automatic initialization of scrolling and zooming logic via HTML data attributes.
Imager.js is a responsive image loader library and asset delivery optimizer. It serves as a browser-based image manager that delivers optimized image variants based on device screen dimensions and pixel density. The library maps abstract image identifiers to concrete network requests for third-party hosting services. It dynamically updates image source attributes during window resize events and translates numeric widths into custom strings to match specific asset naming conventions. The system provides capabilities for responsive image delivery, including lazy loading to defer downloads unti
Uses HTML data attributes to store image breakpoints and asset identifiers, decoupling configuration from rendering logic.