Toca lo subrayado
Hacemos webs (cargan en menos de un segundo, incluso con poca cobertura), (se usan con teclado, con lector de pantalla o con una sola mano) y (tu equipo edita los textos sin llamarnos).
Satz, der sich beim Antippen dehnt
Ein kurzer Absatz, in dem sich jedes unterstrichene Wort öffnet und seine Erklärung direkt im Satz ergänzt, ganz ohne Popups.
Einstellungen
Code
<div class="uvq14-str"><p class="kc">Tippe auf das Unterstrichene</p><p class="tx">Wir bauen Websites <button type="button" aria-expanded="false" aria-controls="uvq14-str-1">schnell</button><span class="ex" id="uvq14-str-1" hidden> (sie laden in unter einer Sekunde, auch bei schlechtem Empfang)</span>, <button type="button" aria-expanded="false" aria-controls="uvq14-str-2">zugänglich</button><span class="ex" id="uvq14-str-2" hidden> (bedienbar mit Tastatur, Screenreader oder einer Hand)</span> y <button type="button" aria-expanded="false" aria-controls="uvq14-str-3">leicht zu ändern</button><span class="ex" id="uvq14-str-3" hidden> (dein Team ändert die Texte, ohne uns anzurufen)</span>.</p><button type="button" class="all" aria-pressed="false">Alles lesen</button></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Text & Scroll
Alle ansehen: Text & ScrollWofür du ihn nutzen kannst
Stretchtext ist eine alte Hypertext-Idee: Statt Leute woanders hinzuschicken, wächst der Satz an Ort und Stelle, wenn jemand mehr wissen will. Hier ist jedes unterstrichene Wort ein Disclosure-Button, der einen versteckten Einschub mit einer kurzen Entfaltungsanimation und einem Marker-Aufblitzen zeigt. Er passt zu Pitch-Absätzen, Preiserklärungen und Onboarding-Texten, die kurz bleiben sollen, bis jemand neugierig wird.
Ändere die ersten Wörter im Textfeld und die Einschübe im HTML. Die Hauptfarbe markiert die Schalter, die Zweitfarbe färbt das Aufblitzen. Der Button zum Alles-Lesen öffnet alle Einschübe auf einmal und schließt sie wieder.