Sitio de práctica de LouFlow
Seis bancos de prácticas para grabar y reproducir guías interactivas. Nada aquí se envía a un servidor: graba con libertad, no romperás nada.
Los selectores son estables: los elementos interactivos conservan sus atributos data-lf-* ante cualquier cambio.
Bancos de prácticas
Elementos básicos
Botones, campos, selectores, casillas, radios y una fecha: pasos de una sola acción.
Abrir banco →Formularios
Un formulario con varios campos, validación y envío: rellenar paso a paso.
Abrir banco →Tabla con acciones
Filas con botones, búsqueda y paginación.
Abrir banco →Navegación
Menús, pestañas, ventanas modales y desplegables.
Abrir banco →Mini-CRM
Páginas enlazadas: lista de clientes, ficha y formulario de alta.
Abrir banco →Contenido dinámico
Elementos que aparecen con retraso o al hacer clic: cómo espera el reproductor.
Abrir banco →Widgets complejos
Un combobox al estilo Fluent, un lookup con búsqueda y un selector de fecha: las opciones viven en portales efímeros con ids inestables.
Abrir banco →Campo minado de selectores
Shadow DOM, iframes, lista virtualizada, menús hover, botones en canvas, filas idénticas y clases con hash: marcado hostil sin ganchos data-lf.
Abrir banco →