Responsives Webdesign: Ein Design für Computer, Handy und Tablet

Web-Design

Die Technische Umsetzung mit CSS, HTML und JavaScript

Die technische Umsetzung erfolgt bevorzugt mit dem @media-Element in CSS (Media Queries) und dem picture-Element in HTML. Auch JavaScript kommt zum Einsatz.

Vorteile und Entwicklungsgeschichte

Mit dem verstärkten Aufkommen von Smartphones um das Jahr 2007 kamen sehr unterschiedliche Bildschirmgrößen zur Anzeige von Websites zum Einsatz.

Betreiber von Internetseiten reagierten mit separaten mobilen Websites für kleine Bildschirme. Der Server leitete die Anfrage des Smartphone-Browsers auf die mobile Seite um. Oder er lieferte die mobile Seite unter der Adresse der normalen Seite aus.

Betreiber mussten dafür allerdings zwei Websites warten. Dies war teuer und sehr umständlich. Mobile Internetseiten hatten deshalb häufig einen abgespeckten Umfang und waren von Neuerungen ausgeschlossen.

Dieses Problem wurde durch die Einführung des responsiven Webdesigns gelöst. Der Begriff stammte ursprünglich aus dem Jahre 2010.

Sind das verwendete Content-Management-System, die Dokumentvorlage (Template) und die Konzeption einer Website von vornherein auf responsives Webdesign ausgelegt, so fallen der Entwicklungsmehraufwand und die Mehrkosten dafür gering aus.

Folgen Sie uns zum Thema und/oder Tipps & Trends via Nachrichten-Alarm (E-Mail Push), RSS, Newsletter, Widget oder Social Media Kanal!

Meldung gespeichert unter: Tipps & Trends

© IT-Times 2024. Alle Rechte vorbehalten.

Unternehmen / Branche folgen
Unsere Nachrichten auf Ihrer Website

Sie haben die Möglichkeit, mit unserem Webmaster-Nachrichten-Tool die Nachrichten von IT-Times.de kostenlos auf Ihrer Internetseite einzubauen.

Zugeschnitten auf Ihre Branche bzw. Ihr Interesse.

Unternehmen / Branche folgen
Unsere Nachrichten auf Ihrer Website

Sie haben die Möglichkeit, mit unserem Webmaster-Nachrichten-Tool die Nachrichten von IT-Times.de kostenlos auf Ihrer Internetseite einzubauen.

Zugeschnitten auf Ihre Branche bzw. Ihr Interesse.

Folgen Sie IT-Times auf ...