Der Anteil mobiler Webseiten nimmt immer weiter zu. Vielleicht denken auch Sie schon über die mobile Version Ihrer Webseite nach.
Doch was ist bei der Erstellung und Gestaltung von mobilen Webseiten speziell zu beachten? Hier erhalten Sie die konkreten Tipps und Anleitungen.
Responsive Webdesign bedeutet: Die Webseiten passen sich automatisch an die Gegebenheiten der jeweiligen Endgeräte an. Je nach Auflösung, Bildschirmgröße, Ausrichtung (horizontal, vertikal) werden die Inhalte optimiert dargestellt.
Spätestens seit dem Siegeszug der Smartphones und Tablets muss man sich die Frage stellen: Ist es ausreichend und noch zeitgemäß, eine mobile Website und eine Desktop-Version separat zu verwalten oder sollte man sich von diesem starren Muster lösen?
Worin liegt eigentlich der Unterschied zwischen einer mobilen Website und einer mobilen App. Man redet landläufig im mobilen Umfeld von Apps, doch häufig meint man damit eigentlich nur die mobile Ausprägung einer Website.
Update: 09.01.2015 - Aktualisierung der UserAgent-Erkennung
Eine Möglichkeit der Unterscheidung, ob die mobile oder die herkömmliche Version einer Webseite ausgeliefert wird,
basiert – wie bereits beschrieben - auf der Auswertung des User-Agents des Browsers.
Die folgenden praktischen Beispiele sollen dies verdeutlichen. Sie können die Beispiele für Ihre Webseiten verwenden und
individuell anpassen.
Update: 30.06.2013
Die vorherigen Ausführungen zeigen, dass es nicht besonders kompliziert ist,
Webseiten zu erstellen, die für mobile Geräte optimiert sind.
Hier sind nochmal die wesentlichen Punkte zusammengefasst, die zu beachten sind:
Update: 30.06.2013
Die Entscheidung, ob die mobile oder die herkömmliche Variante einer Webseite angezeigt wird,
sollte man nicht dem Endgerät überlassen. Es besteht zwar die Möglichkeit, nach Media-Type getrennte
Stylesheet-Dateien zu hinterlegen, doch diese Unterscheidung wird vom Gerät nicht immer korrekt erkannt.