Responsive Design

Gestaltungsansatz mit einer festen Zahl von Layoutstufen, zwischen denen die Seite je nach Bildschirmbreite umschaltet.

Ausrichtung des Bildschirms im Hochformat oder im Querformat, die sich ändert, sobald der Nutzer das Gerät dreht.

Bedienfläche, die vom unteren Bildschirmrand über den Seiteninhalt fährt und dort in Reichweite des Daumens stehen bleibt.

Die Viewport-Breite, an der eine Media Query greift und das Layout auf eine andere Anordnung umschaltet.

Das Vorgehen, mit dem du festlegst, wie viele Breakpoints eine Website bekommt und bei welchen Werten sie liegen.

Vorgehen, bei dem der fertige Inhalt die Grundlage des Entwurfs bildet und das Layout aus ihm heraus entsteht.

Grundsatz, dass Besucher auf jedem Gerät dieselben Inhalte und dieselben Funktionen vorfinden, auch wenn die Darstellung sich unterscheidet.

Vorgehen, bei dem die große Ansicht zuerst entworfen wird und die Layouts für kleinere Bildschirme daraus abgeleitet werden.

Verhältnis zwischen den physischen Bildpunkten eines Bildschirms und den CSS-Pixeln, mit denen das Layout rechnet.

Anderer Begriff für Device Pixel Ratio.

Einstellung am Gerät, mit der die Schriftgröße für alle Apps festgelegt wird und der auch Websites folgen sollten.

Anderer Begriff für Fluid Layout.

Anderer Begriff für Fluid Layout.

Spaltenraster, dessen Spaltenbreiten und Zwischenräume in relativen Einheiten angegeben sind und deshalb mit dem Fenster mitwachsen.

Layout, dessen Breiten in relativen Einheiten angegeben sind und das sich dadurch stufenlos an das Browserfenster anpasst.

Bauweise, bei der eine Website von der Vollausstattung ausgeht und festlegt, was bei fehlenden Voraussetzungen erhalten bleibt.

CSS-Regel, die Gestaltungsanweisungen nur dann anwendet, wenn der Browser bestimmte Bedingungen wie eine Mindestbreite erfüllt.

Maß dafür, wie gut sich eine Website auf einem Telefon bedienen lässt, von der Lesbarkeit bis zur Größe der Schaltflächen.

Vorgehen, bei dem Layout und Inhalt zuerst für die kleine Ansicht entworfen und danach für größere Bildschirme erweitert werden.

Anwendung, die für ein Betriebssystem entwickelt, über dessen App Store installiert und direkt auf dem Gerät ausgeführt wird.

Navigation, die außerhalb des sichtbaren Bereichs liegt und auf Knopfdruck von der Seite über den Inhalt geschoben wird.

Physikalische Dichte der Bildpunkte auf einem Bildschirm, angegeben in Pixeln pro Zoll und mit ppi abgekürzt.

Anderer Begriff für Pixel Density.

Bauweise, bei der eine Website mit einer überall funktionierenden Grundfassung beginnt und Komfort erst darauf aufbaut.

Anderer Begriff für Test auf echten Geräten.

Technik, bei der ein Bild in mehreren Größen bereitliegt und der Browser die passende Variante für Layoutbreite und Pixeldichte auswählt.

Gestaltungsansatz, bei dem sich ein einziges Layout fließend an die Breite des Anzeigefensters anpasst.

Anderer Begriff für Responsive Bilder.

Darstellungsweisen, die eine breite Datentabelle auf schmalen Bildschirmen lesbar halten, ohne ihre Zeilenlogik zu zerstören.

Anderer Begriff für Responsive Design.

Apples Bezeichnung für Bildschirme, deren Bildpunkte aus dem üblichen Betrachtungsabstand nicht mehr einzeln erkennbar sind.

Anderer Begriff für Responsive Design.

Bereich des Bildschirms, den weder Notch noch Systemleisten verdecken und in dem Inhalte sicher platziert werden können.

Anderer Begriff für Bildschirmorientierung.

Website, die einmal geladen wird und danach jeden Ansichtswechsel im Browser selbst zusammensetzt, ohne ein neues Dokument zu holen.

Anderer Begriff für Single Page Application (SPA).

Prüfung einer Website auf tatsächlich vorhandenen Telefonen und Tablets statt in der Gerätesimulation des Browsers.

Fingerbewegungen auf einem Touchscreen, die der Browser als Bedienbefehl auswertet, vom einfachen Tippen bis zum Wischen mit zwei Fingern.

Anderer Begriff für Touch Gesten.

Der sichtbare Ausschnitt einer Webseite im Browserfenster, dessen Breite und Höhe über die Darstellung des Layouts entscheiden.

CSS-Einheiten, die Größen als Prozentanteil des Viewports angeben, sodass sie mit dem sichtbaren Bereich mitwachsen.

Frage, ob sich eine Seite auf dem Telefon mit zwei Fingern vergrößern lässt, und wie das Meta-Viewport-Tag darüber entscheidet.