6 repository-uri
JavaScript utilities for dynamically adding, removing, and toggling CSS classes on DOM elements.
Distinct from CSS Utility Classes: Distinct from CSS utility classes (styling) or prefixing (build-time); this is a runtime JS utility for class management.
Explore 6 awesome GitHub repositories matching user interface & experience · CSS Class Utilities. Refine with filters or upvote what's useful.
Cash is a lightweight JavaScript library for selecting and modifying HTML elements in modern browsers. It functions as a chainable element wrapper and DOM manipulation utility, providing a minimal alternative for managing browser DOM operations. The library uses a collection-based wrapper for DOM nodes, allowing multiple modifications and style updates to be performed in a single sequence. It is designed to provide a similar API for event handling and element management while maintaining a small footprint. The project covers a wide range of DOM manipulation capabilities, including element se
Includes a utility for adding, removing, or toggling CSS classes to change visual states.
Acesta este site-ul de documentație cuprinzător pentru framework-ul JavaScript progresiv Vue 2. Acesta servește drept referință tehnică și ghid de dezvoltare pentru construirea interfețelor de utilizator reactive și a aplicațiilor single-page. Site-ul oferă o referință detaliată a API-ului JavaScript și un director de componente web. Acoperă implementarea arhitecturilor bazate pe componente, gestionarea stării reactive și utilizarea unui DOM virtual pentru a sincroniza starea aplicației cu browserul. Documentația detaliază capabilități precum rutarea client-side, manipularea declarativă a DOM-ului și optimizările de build frontend, cum ar fi randarea server-side și precompilarea template-urilor. De asemenea, explică abordarea framework-ului față de sincronizarea stării, ciclurile de viață ale componentelor și utilizarea directivelor personalizate. Conținutul este menținut ca o colecție de tutoriale și specificații, cu documentația editată prin Markdown.
Provides runtime JavaScript utilities for dynamically adding, removing, and toggling CSS classes on DOM elements based on application state.
Intercooler-js este un framework AJAX declarativ și o bibliotecă UI bazată pe server. Acesta funcționează ca un framework web hipermedia care permite crearea de experiențe single-page prin înlocuirea unor elemente DOM specifice cu fragmente HTML livrate de la un server. Biblioteca se distinge prin utilizarea atributelor HTML pentru a mapa elementele DOM la endpoint-uri de server, permițând cereri HTTP asincrone și actualizări DOM fără scripting manual. Suportă o arhitectură bazată pe hipermedia unde serverul controlează starea clientului prin headere de răspuns și livrarea de fragmente HTML adnotate. Proiectul acoperă o gamă largă de capabilități, inclusiv actualizări UI în timp real prin Server-Sent Events, sincronizarea istoricului browserului și a stării și polling-ul automat al conținutului. De asemenea, oferă gestionarea dependențelor resurselor pentru a coordona actualizările între elementele UI conexe, logarea erorilor la distanță pentru monitorizarea eșecurilor de rețea și manipularea DOM-ului client-side pentru gestionarea ciclurilor de viață ale elementelor și a tranzițiilor CSS.
Updates CSS classes on elements after a server response to change visual states without replacing the elements.
AmplitudeJS is a JavaScript library and framework for building custom HTML5 audio players. It serves as a client-side playlist manager and media controller that bridges the gap between HTML elements and the Web Audio API, allowing developers to create branded media interfaces without relying on default browser styles. The project is distinguished by its use of CSS-class-based DOM binding and data-attribute state mapping, which links HTML elements directly to playback controls and track metadata. It includes a dedicated visualization system that uses the Web Audio API to render real-time SVG w
Links HTML elements to player controls and state updates via specific CSS class identifiers.
current-device este o bibliotecă de detectare a dispozitivelor JavaScript utilizată pentru a identifica sistemele de operare, categoriile de dispozitive și orientările ecranului într-un mediu de browser web. Servește ca detector de mediu de browser și mapper client-side care traduce metadatele browserului și string-urile user-agent în etichete de dispozitiv și categorii hardware predefinite. Biblioteca oferă instrumente pentru executarea unei logici JavaScript specifice bazate pe platforma mobilă sau desktop detectată. De asemenea, funcționează ca un instrument de stilizare condițională și injector de clase în corpul documentului, aplicând clase HTML descriptive pentru a permite stilizarea vizuală specifică dispozitivului. Sistemul include un monitor de orientare a ecranului pentru a detecta și a reacționa la schimbările între modurile portret și peisaj în timp real. Acoperă capabilități generale pentru parsarea user-agent-ului, adaptarea web cross-platform și gestionarea responsivă a orientării.
Ships a utility that dynamically injects CSS classes into the document body based on device detection.
toolong este un vizualizator de log-uri în terminal și un manager de log-uri TUI conceput pentru monitorizarea fluxurilor de log-uri live și navigarea prin fișiere mari de log-uri. Acesta funcționează ca un agregator de log-uri și formator JSONL, capabil să îmbine mai multe fișiere de log într-o singură vizualizare cronologică prin detectarea automată a timestamp-urilor. Aplicația suportă vizualizarea datelor structurate prin pretty printing-ul fișierelor JSONL și aplicarea evidențierii sintaxei pentru modelele comune de log-uri de server web. Gestionează datele la scară largă eficient prin vizualizări scrollabile de dimensiune virtuală, permițând utilizatorilor să deschidă log-uri comprimate sau fișiere de orice dimensiune fără a încărca întregul document în memorie. Sistemul include capabilități pentru tailing-ul fluxurilor de log-uri, efectuarea de potriviri fuzzy de text și gestionarea navigării printr-un model de ecran bazat pe stivă. De asemenea, oferă o paletă de comenzi pentru descoperirea funcțiilor aplicației și suportă elemente interactive precum link-uri clicabile și tooltip-uri.
Provides utilities for dynamically adding and toggling class names to update widget visual presentation.