3 repository-uri
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 este o bibliotecă JavaScript pentru implementarea interacțiunilor de tip pan-and-zoom pe elemente HTML și suprafețe de randare Canvas. Funcționează ca un manager de stare a viewport-ului și un motor de scroll cinetic care traduce evenimentele de atingere și pointer-ul mouse-ului în offset-uri scalate pentru o navigare fluidă. Biblioteca dispune de un sistem de mișcare cinetică care simulează decelerarea și ricoșeul la margini. Include mecanisme specifice pentru declanșatoarele de tip „pull-to-refresh” și suportă zoom-ul relativ la punct pentru a menține punctul focal centrat pe cursorul utilizatorului. Sistemul oferă o gamă de controale de mișcare, inclusiv comportamente de drag blocate pe axe și aliniere prin snapping la grilă. Gestionează scara viewport-ului prin limite de zoom configurabile (minim și maxim) și calculează tranzițiile de coordonate independent de stratul de randare. Integrarea cu DOM-ul este gestionată prin atribute de date pentru inițializarea automată a logicii de scroll și 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.