6 Repos
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 ist eine leichtgewichtige JavaScript-Bibliothek zum Auswählen und Modifizieren von HTML-Elementen in modernen Browsern. Sie fungiert als verkettbarer Element-Wrapper und DOM-Manipulations-Dienstprogramm und bietet eine minimale Alternative für die Verwaltung von Browser-DOM-Operationen. Die Bibliothek verwendet einen sammlungsbasierten Wrapper für DOM-Knoten, der es ermöglicht, mehrere Modifikationen und Stil-Updates in einer einzigen Sequenz durchzuführen. Sie ist darauf ausgelegt, eine ähnliche API für Event-Handling und Elementverwaltung bei geringem Footprint bereitzustellen. Das Projekt deckt ein breites Spektrum an DOM-Manipulationsfähigkeiten ab, einschließlich Elementauswahl, Baumtraversierung und struktureller Änderungen. Es enthält Dienstprogramme zur Verwaltung von CSS-Klassen, Attributen und Stilen sowie Systeme für Event-Handling, Datenmanagement und Dimensionsberechnung. Die Kernfunktionalität kann durch einen Prototyp-basierten Mechanismus zur Hinzufügung benutzerdefinierter Methoden und gemeinsamer Dienstprogramme erweitert werden.
Includes a utility for adding, removing, or toggling CSS classes to change visual states.
Dies ist die umfassende Dokumentations-Website für das progressive JavaScript-Framework Vue 2. Sie dient als technische Referenz und Entwicklungsleitfaden für den Aufbau reaktiver Benutzeroberflächen und Single-Page-Anwendungen. Die Website bietet eine detaillierte JavaScript-API-Referenz und ein Web-Komponenten-Verzeichnis. Sie deckt die Implementierung komponentenbasierter Architekturen, reaktives State-Management und die Verwendung eines virtuellen DOM ab, um den Anwendungszustand mit dem Browser zu synchronisieren. Die Dokumentation erläutert Funktionen wie clientseitiges Routing, deklarative DOM-Manipulation und Frontend-Build-Optimierungen wie serverseitiges Rendering und Template-Prekompilierung. Sie erklärt zudem den Ansatz des Frameworks zur Zustandssynchronisation, Komponenten-Lebenszyklen und die Verwendung benutzerdefinierter Direktiven. Der Inhalt wird als Sammlung von Tutorials und Spezifikationen gepflegt, wobei die Dokumentation über Markdown bearbeitet wird.
Provides runtime JavaScript utilities for dynamically adding, removing, and toggling CSS classes on DOM elements based on application state.
Intercooler-js ist ein deklaratives AJAX-Framework und eine servergesteuerte UI-Bibliothek. Es fungiert als Hypermedia-Web-Framework, das die Erstellung von Single-Page-Erfahrungen ermöglicht, indem spezifische DOM-Elemente durch HTML-Fragmente ersetzt werden, die von einem Server geliefert werden. Die Bibliothek zeichnet sich durch die Verwendung von HTML-Attributen aus, um DOM-Elemente auf Server-Endpunkte abzubilden, was asynchrone HTTP-Anfragen und DOM-Updates ohne manuelle Skripte ermöglicht. Sie unterstützt eine hypermedia-getriebene Architektur, bei der der Server den Client-Zustand über Response-Header und die Bereitstellung annotierter HTML-Fragmente steuert. Das Projekt deckt ein breites Spektrum an Funktionen ab, einschließlich Echtzeit-UI-Updates via Server-Sent Events, Browser-Historie- und Zustands-Synchronisation sowie automatisiertem Content-Polling. Es bietet zudem Ressourcen-Abhängigkeitsmanagement zur Koordinierung von Updates zwischen verwandten UI-Elementen, Remote-Error-Logging zur Überwachung von Netzwerkfehlern und clientseitige DOM-Manipulation zur Verwaltung von Element-Lebenszyklen und CSS-Übergängen.
Updates CSS classes on elements after a server response to change visual states without replacing the elements.
AmplitudeJS ist eine JavaScript-Bibliothek und ein Framework zum Aufbau benutzerdefinierter HTML5-Audioplayer. Es dient als Client-seitiger Playlist-Manager und Medien-Controller, der die Lücke zwischen HTML-Elementen und der Web Audio API schließt und es Entwicklern ermöglicht, gebrandete Medienschnittstellen zu erstellen, ohne auf Standard-Browser-Stile angewiesen zu sein. Das Projekt zeichnet sich durch die Verwendung von CSS-Klassen-basiertem DOM-Binding und Data-Attribute-Zustands-Mapping aus, das HTML-Elemente direkt mit Wiedergabesteuerungen und Track-Metadaten verknüpft. Es enthält ein dediziertes Visualisierungssystem, das die Web Audio API nutzt, um Echtzeit-SVG-Wellenformen und songspezifische visuelle Effekte basierend auf Audiofrequenzdaten zu rendern. Die Bibliothek bietet umfassende Funktionen für die Medienbibliotheksverwaltung, einschließlich Playlist-Sequenzierung, Shuffle- und Repeat-Logik sowie Metadaten-Populierung. Sie handhabt Wiedergabesteuerungen wie Lautstärkemanagement, Wiedergabegeschwindigkeitsanpassung und Zeitstempel-Seeking, während sie ein ereignisgesteuertes Callback-System bietet, um Benutzeroberflächenänderungen mit spezifischen Wiedergabemeilensteinen zu synchronisieren. Das Framework unterstützt zudem externes Input-Mapping für Tastaturkürzel und enthält gerätebewusstes Event-Switching, um Interaktionen für mobile Touchscreens zu optimieren.
Links HTML elements to player controls and state updates via specific CSS class identifiers.
current-device ist eine JavaScript-Geräteerkennungsbibliothek, die verwendet wird, um Betriebssysteme, Gerätekategorien und Bildschirmausrichtungen innerhalb einer Browserumgebung zu identifizieren. Sie fungiert als Browserumgebungs-Detektor und Client-Side-Mapper, der Browser-Metadaten und User-Agent-Strings in vordefinierte Geräte-Labels und Hardware-Kategorien übersetzt. Die Bibliothek bietet Tools zur Ausführung spezifischer JavaScript-Logik basierend auf der erkannten mobilen oder Desktop-Plattform. Sie fungiert zudem als Tool für bedingtes Styling und Document-Body-Class-Injector, der beschreibende HTML-Klassen anwendet, um gerätespezifisches visuelles Styling zu ermöglichen. Das System enthält einen Monitor für die Bildschirmausrichtung, um Änderungen zwischen Hoch- und Querformat in Echtzeit zu erkennen und darauf zu reagieren. Es deckt allgemeine Fähigkeiten für User-Agent-Parsing, plattformübergreifende Web-Adaption und responsives Ausrichtungshandling ab.
Ships a utility that dynamically injects CSS classes into the document body based on device detection.
toolong ist ein Terminal-Log-Viewer und TUI-Log-Manager, der für die Überwachung von Live-Log-Streams und die Navigation in großen Log-Dateien entwickelt wurde. Er fungiert als Log-Aggregator und JSONL-Formatter, der in der Lage ist, mehrere Log-Dateien zu einer einzigen chronologischen Ansicht zusammenzuführen, indem Zeitstempel automatisch erkannt werden. Die Anwendung unterstützt die Visualisierung strukturierter Daten durch Pretty-Printing von JSONL-Dateien und die Anwendung von Syntax-Highlighting auf gängige Webserver-Log-Muster. Sie verarbeitet große Datenmengen effizient durch scrollbare Ansichten mit virtueller Größe, was es Benutzern ermöglicht, komprimierte Logs oder Dateien beliebiger Größe zu öffnen, ohne das gesamte Dokument in den Arbeitsspeicher zu laden. Das System umfasst Funktionen für das Tailing von Log-Streams, das Fuzzy-Text-Matching und die Navigation über ein Stack-basiertes Screen-Modell. Es bietet zudem eine Befehlspalette zur Entdeckung von Anwendungsfunktionen und unterstützt interaktive Elemente wie anklickbare Links und Hover-Tooltips.
Provides utilities for dynamically adding and toggling class names to update widget visual presentation.