bespokejs/bespoke
Bespoke
Bespoke es un framework de presentaciones ligero en JavaScript diseñado para crear presentaciones web secuenciales. Funciona como un controlador de diapositivas basado en el DOM y un motor de navegación que gestiona la visibilidad y el estilo de los elementos HTML para crear flujos de presentación.
El framework está construido sobre una arquitectura basada en plugins que permite extender el comportamiento central. Este sistema permite la inyección de lógica personalizada en el flujo de trabajo de navegación al interceptar y modificar eventos del sistema, incluyendo la capacidad de cancelar acciones específicas.
El toolkit cubre la definición de elementos de contenido y la gestión de estado, utilizando selectores CSS para identificar unidades de contenido y alternando automáticamente clases según si un elemento está activo o inactivo. Rastrea la posición actual dentro de una secuencia lineal para coordinar las transiciones entre elementos.
Features
- Slide Presentation Runtimes - Provides a frontend framework that manages navigation, state, and transitions for web-based slide decks.
- Index Navigation - Tracks the current position within a linear sequence to coordinate transitions between active and inactive elements.
- Sequential Navigation State - Controls the sequence of a collection by transitioning between items and tracking the active index.
- Content Element Definition - Allows specifying primary units of content using CSS selectors to filter target elements.
- Event-Hook Extension Systems - Provides a system for intercepting and modifying application events to extend functionality or cancel actions.
- UI Event-Driven Navigation - Manages the sequence and state of content elements through a system of interceptable events.
- Event-Driven Plugin Logic - Implements a system that triggers custom plugin logic based on specific navigation and system events.
- Plugin Architectures - Implements a framework for adding custom behaviors by injecting functions that interact with application state.
- Content Unit Resolution - Identifies primary content units by querying the document with CSS selectors.
- DOM-State Mapping Layers - Synchronizes the internal navigation logic with the physical structure of the page using direct element references.
- Index-Driven Navigation Engines - Tracks active indices and triggers specific callbacks when navigating between defined content elements.
- Presentation Frameworks - Provides a comprehensive framework for building interactive slide-based presentations with state management and rendering tools.
- DOM-Based Slide Orchestrators - Manages presentation state by dynamically manipulating the DOM to display sequenced presentation flows.
- State-Based CSS Toggling - Automatically applies and removes CSS classes on DOM elements based on their active or inactive state.
- Presentation Plugin Systems - Extends the core behavior of the slide system by injecting custom logic into the navigation workflow via plugins.
- Hook-Based Plugin Systems - Uses a hook-based plugin system to allow extending core functionality by registering logic into lifecycle events.
- State-Based Transition Triggers - Triggers events and applies style classes when content items transition between active and inactive states.
- Event Handling Systems - Executes custom logic when specific items activate, deactivate, or when navigation is requested via an event-driven mechanism.
- HTML Slide Decks - Enables the creation of interactive HTML slide decks where elements trigger events based on the active slide.
- Sliders and Carousels - Micro-framework for creating custom presentations.
- Sliders & Carousels - Modular presentation library.
