Bedingungen

Responsive Logik

Um wirklich eine responsive Webseite zu haben, gilt folgender Grundsatz pro Webpage.

Ein HTML-File für alle Devices

Die definierte HTML-Struktur (HTML-DOM) soll sich auf allen Devices durchziehen. Ändert die HTML-Struktur, muss dies mit CSS-Grid oder Javascript überbrückt werden.

Ein File pro Seite heisst auch eine Code-Basis. Dies bedeutet weniger und einfacherer Unterhalt. Zudem bleibt so der Inhalt auf allen Devices gleich. Davon profitieren User:innen wie auch Content-Manager:innen.

Für Designer:innen bedeutet dies, dass ihre Designs inhaltlich sowie optisch konsistent sein sollten.

Lernen wir nun den Umgang mit der Formlosigkeit.

Drei Screens. Ein Handy, ein Tablet und ein Desktop. Als Referenz, dass alles auf einem HTML File aufbaut.
© Webdesign Essentials
Vertiefe dich ins ganze Kapitel

Responsive Design