Definition von Responsive Webdesign

Vor Jahren, als Technologie das war, was sie war, musste man sich nur darum sorgen, dass die visuellen Dinge, die sie tat (Bilder, Spiele, Anwendungsschnittstellen, ...) sah gut aus auf einem Bildschirm, der etwa 14 Zoll von einem entfernt sein könnte Monitor von Computer. Aber die Evolution Es war nicht aufzuhalten, und wir haben derzeit eine Vielzahl von Geräten und Formaten.

Dies hat dazu geführt, dass eine Benutzeroberfläche oder andere Inhalte nicht mehr mit anderen umgehen müssen Bildgrößen, wenn nicht mit Geräten, die anders verwendet werden, und unterschiedlichen Seitenverhältnissen vor allem.

Das Web, ein Fortschritt, der in den 90er Jahren entstand und seitdem unverzichtbar geworden ist, hat auch diese Veränderungen im Plattformszenario erfahren, von dem aus verwendet werden können, und die Instanzen, die Webstandards verwalten, mussten ausgeklügelte Lösungen wählen, um Schnittstellenentwicklern das Leben zu erleichtern Netz.

Eine responsive Webseite (auch genannt

instagram story viewer

reaktionsschnell, Übernahme des englischen Originalworts) ist eine, deren Oberfläche automatisch in der Größe angepasst wird und ihre Grafische Elemente werden zur einfachen Anzeige bei jeder Bildschirmgröße und jedem Seitenverhältnis neu positioniert. Aussehen.

Denken wir an die Vielfalt Bildschirmformate reichen von einem Smartphone mit 5“ Bildschirm und 18:9 Seitenverhältnis, das vertikal gelesen werden kann, bis hin zu einem 16:9 40“ Fernseher, wobei ein Computer oder Tablet dazwischen gelassen wird.

Bis Schritte unternommen wurden, um die Schnittstelle zu machen Graph der Webseiten passt sich automatisch dem Bildschirm an, auf dem sie angezeigt wurde, die Die "Lösung" bestand darin, alle möglichen Formate zu antizipieren und je nach Bedarf verschiedene Seiten zu bedienen. Das Problem waren diese unvorhergesehenen Formate und diejenigen, die die technologische Entwicklung auf natürliche Weise bereitstellte.

Die Tools, um ein responsives Design zu erreichen, das sich an das Bildschirmformat anpasst, in dem das Bild angezeigt wird. Website, unabhängig von Format und Bildschirmgröße, wurden vom W3C (World Wide Web) festgelegt Konsortium).

Und die Einführung dieser Technologie war dank der Trennung des Inhalts der Seiten von dem, was war, möglich Präsentation der Inhalte und die sehen und fühlen Seite mithilfe von CSS-Stildefinitionsdateien.

Diese ermöglichen es Ihnen, das Erscheinungsbild einer gesamten Website (verstanden als eine Reihe von Seiten) zu ändern, ohne die Code Quelle aller HTML-Dateien, da sich die Definitionen des Stils und der Darstellung unterscheiden (enthalten in der Datei CSS) des Inhalts (in HTML-Dateien zu finden).

Die Elemente des Responsive Designs werden seit Ende des ersten Jahrzehnts des 21. Jahrhunderts vom W3C diskutiert und in die Webstandards eingeführt.

Es ist aus starten des ersten iPhones, im Jahr 2006, in dem der Wettlauf entfesselt wurde, Websites so anzupassen, dass ist sowohl auf Desktop-Browsern und großen Bildschirmen als auch auf Geräten perfekt zu sehen Handys.

Fotolia-Fotos: Alexey Shkitenkov / Bobb Klissourski