LouFlow-Übungsseite
Sechs Übungsstationen zum Aufzeichnen und Abspielen interaktiver Anleitungen. Hier geht nichts an einen Server – zeichne frei auf, es kann nichts kaputtgehen.
Selektoren sind stabil: Interaktive Elemente behalten ihre data-lf-*-Attribute über Änderungen hinweg.
Übungsstationen
Grundelemente
Buttons, Eingaben, Auswahl, Checkboxen, Radios und ein Datumsfeld – Einzelschritte.
Station öffnen →Formulare
Ein mehrfeldriges Formular mit Validierung und Absenden – Schritt für Schritt ausfüllen.
Station öffnen →Tabelle mit Aktionen
Zeilen mit Buttons, Suche und Seitenwechsel.
Station öffnen →Navigation
Menüs, Tabs, modale Fenster und Dropdowns.
Station öffnen →Mini-CRM
Verknüpfte Seiten: Kundenliste, Kundenkarte und ein Formular zum Anlegen.
Station öffnen →Dynamische Inhalte
Elemente, die verzögert oder auf Klick erscheinen – wie der Player wartet.
Station öffnen →Komplexe Widgets
Eine Combobox im Fluent-Stil, ein Lookup mit Suche und eine Datumsauswahl – Optionen leben in flüchtigen Portalen mit instabilen Ids.
Station öffnen →Selektoren-Minenfeld
Shadow DOM, Iframes, virtualisierte Liste, Hover-Menüs, Canvas-Buttons, identische Zeilen und gehashte Klassen – feindliches Markup ohne data-lf-Anker.
Station öffnen →