Zum Inhalt springen
    Flow-alerta.cab

    Umbruchpunkte (Breakpoints)

    UX & BarrierefreiheitBreakpoints
    Redaktionell geprüft am: 2 Quellen
    Deine Leseansicht

    Die Kurzantwort · 12 Wörter

    Kurz erklärt

    Breakpoints sind Bedingungen, bei denen sich die Darstellung eines Layouts gezielt ändert.

    Flow-alerta.cab (2026): Umbruchpunkte (Breakpoints). https://flow-alerta.cab/glossar/breakpoints. Redaktionell geprüft am: 09. Oktober 2026.

    Wie ausführlich soll es sein?

    Praxis

    Hilft, Websites verständlich, bedienbar und für mehr Menschen nutzbar zu machen.

    Mögliches Beispiel: Ein Kartengitter wechselt von drei Spalten auf eine Spalte.

    Mögliche Anwendung im Mittelstand: Ein Kartengitter wechselt von drei Spalten auf eine Spalte.

    Auf einen Blick

    Kern
    Layout-Breakpoints definieren Umschaltbedingungen, häufig anhand der verfügbaren Breite. CSS Media Queries können zusätzlich andere Medienmerkmale berücksichtigen. Geeignete Grenzen orientieren sich am Inhalt und seiner Bedienbarkeit, nicht nur an Gerätemodellen.
    Nutzen
    Hilft, Websites verständlich, bedienbar und für mehr Menschen nutzbar zu machen.
    Beispiel
    Mögliches Beispiel: Ein Kartengitter wechselt von drei Spalten auf eine Spalte.
    Grenzen
    Breakpoints nur nach Gerätemodellen statt nach tatsächlichem Inhalt wählen.

    Im Zusammenhang

    Mobile-First-Ansatz

    Mobile First beginnt die Gestaltung mit dem knappen Platz eines kleinen Bildschirms.

    Atomic Design

    Atomic Design ordnet Gestaltungselemente vom kleinen Baustein bis zur ganzen Seite.

    Fragen, die dazu gestellt werden

    Was bedeutet Umbruchpunkte (Breakpoints)?

    Breakpoints sind Bedingungen, bei denen sich die Darstellung eines Layouts gezielt ändert.

    Welche Fehler sind zu vermeiden?

    Breakpoints nur nach Gerätemodellen statt nach tatsächlichem Inhalt wählen.

    Alle Details und Hintergründe

    Layout-Breakpoints definieren Umschaltbedingungen, häufig anhand der verfügbaren Breite. CSS Media Queries können zusätzlich andere Medienmerkmale berücksichtigen. Geeignete Grenzen orientieren sich am Inhalt und seiner Bedienbarkeit, nicht nur an Gerätemodellen.

    ELI5 – Einfach erklärt

    Wie Umschaltpunkte, an denen Spalten untereinander rücken.

    Warum das im Alltag wichtig ist

    Hilft, Websites verständlich, bedienbar und für mehr Menschen nutzbar zu machen.

    Beispiel

    Mögliches Beispiel: Ein Kartengitter wechselt von drei Spalten auf eine Spalte.

    Fallstricke und Grenzen

    • Breakpoints nur nach Gerätemodellen statt nach tatsächlichem Inhalt wählen.

    Entstehung & Geschichte

    Aktuelle CSS-Dokumentationen beschreiben Media Queries für Breite, Ausrichtung und weitere Medienmerkmale. Layout-Breakpoints sollten am Inhalt und dessen Platzbedarf ausgerichtet werden.

    Anwendung im Mittelstand

    • Mögliche Anwendung im Mittelstand: Ein Kartengitter wechselt von drei Spalten auf eine Spalte.

    Verwandte Begriffe

    Passende Flow-alerta-Leistung

    Websites & Web-AnwendungenWebsites & Web-Anwendungen

    Passendes Tool / Use Case

    Praxisbeispiele ansehenUse Case: UX- und Barrierefreiheitsprüfung

    Quellen

    Quellen geprüft am 09.10.2026. Redaktionelle Anwendungsbeispiele sind hypothetisch; kein Nachweis realer Kundenergebnisse.

    Redaktionell geprüft am:

    Nächster Schritt

    Vom Wissen zur Anwendung

    Projekt besprechenUse Cases ansehen