Beiträge mit dem Stichwort „animation“

2025

Flexible Menü-Animation mit verankerten Container Queries

Erstellt am

Zwei Hände mit verschränkten Zeigefingern. Beide Zeigefinger haben ein schwarzes Anker-Tattoo.

Wir können die aktuell aktive Fallback-Position mit CSS abfragen und andere Styles anwenden.

Weiterlesen

2024

Native Dialoge und die Popover API — Das solltet ihr wissen

Erstellt am

Mehrere übereinander gestapelte Pfannkuchen.

Wie ihr Dialoge und Popovers animiert, sie korrekt verschachtelt und Dialoge beim Hintergrund-Klick schließt.

Weiterlesen

Barrierefreie Alerts leicht gemacht mit der Popover API

Erstellt am

Ein Mann spricht in ein Megaphon.

Informiere Nutzer über wichtige Ereignisse, ohne ihren Workflow zu unterbrechen.

Weiterlesen

2023

Nutze das inert Attribut um ungewollte Interaktionen zu verhindern

Erstellt am

Ein Faultier hängt an einem Ast.

Eine elegante Methode zur Verbesserung der Barrierefreiheit und des Nutzererlebnisses.

Weiterlesen

Gestalte ein barrierefreies News-Karussell als Angular Standalone Component

Erstellt am

Ein Karussell bei Nacht mit hellen Lichtern. Die Figuren eines Pferdes und eines Tigers sind zu sehen.

Mit Angular, ARIA-Attributen und modernem CSS erstellen wir ein zugängliches, responsives Web-Karussell.

Weiterlesen
Startseite Nach oben