Responsive-Design & Umsetzung

Die beste Auflösung & Darstellung für
alle Mobilen Endgeräte

Aktuell sind Sie hier: Startseite » Leistungen » Responsive-Design



Ihr Website in der Mobilen Darstellung

Responsive Webdesign steht für einen flexiblen Ansatz von Screendesign und Webentwicklung, um alle Inhalte einer Webseite unabhängig vom Gerät gut lesbar anzuzeigen. Im Idealfall passt sich die Darstellung automatisch an alle Geräte an, ohne dass der Nutzer den Inhalt zoomen muss oder eine bestimmte Variante auswählen muss. Die Darstellung funktioniert für alle Bildschirmauflösungen, Betriebssysteme, Hersteller und andere Aspekte.

Media Queries & Viewport

Um das Ziel der optimalen Darstellung zu erreichen, schöpfen wir alle Möglichkeiten der aktuellen Web-Technologien aus: HTML5, CSS3, JavaScript. Beispielsweise nutzen wir für die Umsetzung sogenannte Media Queries. Mit Media Queries wird im Prinzip abgefragt, welches Gerät eine Webseite aufrufen möchte und mit Hilfe von CSS3 können dann die jeweils passenden Layouts ausgeliefert werden.

Folgende Geräteeigenschaften können z.B. ausgelesen werden:

  • Größe des Gerätes
  • Bildschirmauflösung
  • Hoch- oder Querformat

Für das Verständnis von Responsive Webdesign ist es auch hilfreich, den Begriff des „Viewport“ zu kennen: Der Viewport ist der sichtbare Bereich innerhalb eines Browser-Fensters (ohne zu scrollen oder eine andere Aktion durchzuführen). Der Viewport sieht für alle Geräte und Auflösungen unterschiedlich aus und es gibt viele Aspekte, die den Viewport verändern können: z.B. Hochformat (Portrait Ansicht) oder Querformat (Landscape Ansicht) oder individuelle Browsereinstellungen. Beim Responsive Webdesign wird nun versucht, den Viewport so zu nutzen, dass die Inhalte optimal dargestellt werden können. Im Vordergrund steht dabei die Information, das Layout ordnet sich unter.

 

Ihre Checkliste im Bereich:
Design & Konzeption

Führen Sie vor dem Erstkontakt zu uns einen kurzen Check im Responsive-Design durch. Laden Sie unsere Checklisten kostenlos herunter

Hier herunterladen

Folgen Sie uns in
Social Media

Wir posten regelmäßig Neuigkeiten und Referenzen in unseren Kanälen.

Webdesign Witten | Webdesign Dortmund | Webdesign Bochum

Unsere Garantie

Wir versichern Ihnen unser Zufriedenheitsversprechen. Wir arbeiten die Sachen solange aus, bis es Ihnen passt. Das ganze zum Festpreis versteht sich.

Wir sind Ihr Partner in allen Bereichen

BG-Media-Solutions hat alles, was Sie suchen. Wir vereinen alle Bereiche egal ob Webdesign, Grafikdesign, Online-Marketing, Social Media Marketing. Von der kompetenten Beratung bis hin zur sofortigen und schnellen Umsetzung, bei uns bleiben keine Fragen offen.

Ihr Kontakt zu uns

Tel.: +49 (0) 160 58 74 5 40

E-Mail: info@bg-media-solutions.de