3 Repos
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 ist eine JavaScript-Bibliothek zur Implementierung von Pan-and-Zoom-Interaktionen auf HTML-Elementen und Canvas-Rendering-Oberflächen. Sie fungiert als Viewport-Zustandsmanager und kinetische Scrolling-Engine, die Touch- und Mauszeiger-Ereignisse in skalierte Offsets für flüssige Navigation übersetzt. Die Bibliothek bietet ein kinetisches Bewegungssystem, das Abbremsung und Kanten-Bouncing simuliert. Sie enthält spezifische Mechanismen für Pull-to-Refresh-Trigger und unterstützt punktrelatives Zoom-Skalieren, um den Fokuspunkt auf dem Cursor des Nutzers zu halten. Das System bietet eine Reihe von Bewegungssteuerungen, einschließlich achsengebundener Drag-Verhaltensweisen und Grid-Snapping-Ausrichtung. Es verwaltet den Viewport-Maßstab durch konfigurierbare minimale und maximale Zoom-Limits und berechnet Koordinatenübergänge unabhängig von der Rendering-Ebene. Die Integration in das DOM erfolgt über Datenattribute zur automatischen Initialisierung der Scrolling- und Zoom-Logik.
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.