preXtension Logo
preXtension
Jörg Schiessel
Mauerner Straße 2
82284 Grafrath
Telefon (08144) 9979-21

Internet: www@prextension.de
E-Mail: info@prextension.de
preXtension Logo
Cross Media Publishing

Responsive Webdesign

Immer mehr Anwender greifen mit Smartphones und Tablets aufs Internet zu.
Diese Menschen erreichen Sie nur, wenn Ihre Website mobile Endgeräte unterstützt.

Was ist Responsive Webdesign?

Eine Website für alle Endgeräte

Responsive Webdesign

Herkömmliche Websites ohne Responsive Webdesign werden auf dem Smartphone wie auf einem PC-Bildschirm angezeigt. Die Schrift ist dadurch so klein, dass sie unlesbar ist, beim Vergrößern wird die Schrift lesbar, es ist aber immer nur ein kleiner Ausschnitt der Seite auf dem Bildschirm zu sehen.

Als Tablets und Smartphones immer mehr Einzug in den Alltag fanden wurde dieses Problem durch Responsive Webdesign gelöst. Responsive Webdesign bedeutet "reagierendes Webdesign", die Inhalte einer Website passen sich automatisch an alle Endgeräte (PC, Tablet, Smartphone) und Bildschirmgrößen an.

Der Anteil der mobilen Internetnutzer liegt derzeit bei 63% und nimmt weiter zu. Bei Google werden Seiten mit Responsive Webdesign seit April 2015 bei den Suchtreffern bevorzugt und Seiten ohne Responsive Webdesign nur noch auf den hinteren Plätzen der Trefferliste angezeigt. Es ist also heutzutage unbedingt erforderlich, dass eine Website responsive ist.

Testen Sie Ihren Internetauftritt

Ob Ihre Website responsiv ist können Sie mit unserem Smartphone Simulator testen.

Zusätzliche Funktionen für Smartphones

Smartphone Funktionen

Auf Smartphones stehen Funktionen zur Verfügung, die auf dem PC nicht vorhanden sind. Diese Funktionen sind nur durch den Einsatz der für Responsive Webdesign geschaffenen Techniken nutzbar. So kann z. B. durch einen Fingertip auf eine Telefonnummer direkt ein Anruf gestartet werden und durch einen Fingertip auf eine Adresse die Navigations-App aufgerufen werden.

Formularfelder können in Typen kategorisiert werden, wodurch sich passend zum Feld (Text, Zahlen, E-Mail Adresse, …) die dafür am besten geeignete Tastatur öffnet (wie in unserem Kontaktformular).

Der Unterschied zur mobilen Webseite

Beim Responsive Webdesign gibt es für jede Seite eines Internetauftritts nur eine Version, die sich automatisch an das jeweilige Endgerät anpasst.

Bei einer mobilen Webseite werden für jede Seite eines Internetauftritts zwei Versionen erstellt, eine Version für PC's und eine weitere Version für mobile Geräte. Bei Änderungen muss also immer darauf geachtet werden, dass beide Versionen aktualisiert werden.

Beispiele für Responsive Webdesign

Natürlich ist auch unser Internetauftritt responsive und passt sich automatisch an jedes Endgerät an. Weitere Beispiele für Responsive Webdesign finden Sie in unseren Referenzen und in unserem Smartphone Simulator.

Technik

Technisch basiert Responsive Webdesign auf den Webstandards HTML5 und CSS3. Eine wichtige Rolle spielt dabei auch der gezielte Einsatz von JavaScript, jQuery, jQuery Plug-ins, Ajax und serverseitigen Skriptsprachen wie PHP und Perl.

Kontakt
preXtension
Jörg Schiessel
Mauerner Straße 2
82284 Grafrath
Anrufen
E-Mail senden
Anfahrt