2024 Autor: Peter John Melton | [email protected]. Zuletzt bearbeitet: 2023-12-16 04:41
Frühe Website-Entwickler mussten sich keine großen Sorgen um das Entwerfen von Websites machen, da die Benutzer sie auf Computern anzeigen würden und diese Computer eine feste Bildschirmauflösung hatten. Mit der mobilen Revolution suchen immer mehr Menschen auf ihren mobilen Geräten - Tablets oder Mobiltelefonen - nach Informationen. Daher ist es für Website-Entwickler notwendig geworden, eine Website zu erstellen, die alles vom Windows-PC bis zu mobilen Geräten abdeckt. Dieser Artikel beschreibt den Unterschied zwischen adaptives vs. responsives Webdesign Sie können entscheiden, welche für Sie und Ihre Organisation besser ist.
Sich anpassendes Webdesign
Responsive Web Design beinhaltet zusätzliche Codierung und verwendet so genannte "Fluid Grids". Die Zahlen werden in „Prozent“angegeben und nicht in einer genauen Anzahl von Pixeln. Dadurch wird der gleiche Website-Code ordnungsgemäß auf einem PC-Bildschirm und auf dem Bildschirm eines Mobiltelefons gerendert. Unabhängig davon, wie Sie Ihren Bildschirm vergrößern, wird dieselbe Website auf eine leicht lesbare Weise dargestellt. Bei kleineren Websites fließen Text und Bilder problemlos mit dem Bildschirmbereich zusammen und passen in diesen hinein, ohne die Website zu zerbrechen oder Teile der Website zuzuschneiden.
Ein Responsive Webdesign-Ansatz macht es erforderlich, CSS3 anstelle von CSS zu verwenden. Es verwendet auch skalierbare Bilder und Fluidraster, die etwas schwer zu codieren sind.
Adaptives Webdesign
Adaptives Webdesign konzentriert sich auch auf die Darstellung von sichtbaren Websites auf Tablets und Mobiltelefonen neben PC-Bildschirmen. Der Ansatz ist jedoch etwas anders. Beim responsive Webdesign war es die Flexibilität, die den freien Textfluss und die Größenanpassung von Bildern an die verschiedenen Bildschirme ermöglichte.
Beim adaptiven Webdesign verwenden die Entwickler zuvor festgelegte Bildschirmgrößen und entsprechenden Code. Das heißt, wenn ein Benutzer auf der Website landet, bestimmt die Website die Art des verwendeten Geräts und zeigt die Website an, die für diese bestimmte Bildschirmgröße des Geräts konzipiert wurde. Der Inhalt kann in einigen Fällen von Gerät zu Gerät unterschiedlich sein.
Beispielsweise würden die Entwickler 1280 × 800 Pixel für PCs, 8 Zoll für Tablets und 5 Zoll für Handys in Betracht ziehen. Der frühe Code des adaptiven Webdesigns enthält die Identifizierung von Bildschirmen. Wenn es sich um einen PC handelt, zeigen Sie die PC-Version der Website an. Wenn es sich um ein 8-Zoll-Tablet handelt, zeigen Sie die Tablet-Version der Website und, falls es sich bei dem Gerät um ein Mobiltelefon handelt, die mobile Version der Website. Dies wird durch die Verwendung der "IF" -Anweisung erreicht, gefolgt von unterschiedlichen Abmessungen, die genau in Pixel angegeben sind, anstatt sie in Prozent anzugeben.
Wenn neue Geräte mit unterschiedlichen Bildschirmauflösungen rüberkommen, müssen die Entwickler erneut auf das Codieren zurückgreifen, um die neueren Bildschirmauflösungen zu berücksichtigen. Daher hat das adaptive Webdesign einige Chancen, auf kleineren Geräten zu schneiden, wenn die Entwickler nicht aufpassen.
Im Vergleich zum responsiven Webdesign ist das adaptive Webdesign einfacher zu codieren, und die meisten Entwickler wählen letzteres gegenüber dem responsiven Webdesign.
Responsives vs adaptives Webdesign
Responsive Websites sind schwer zu codieren. Der Code ist komplex und verwendet Prozentwerte anstelle von festen Pixelwerten. Es ist viel Konzentration erforderlich, um eine Website zu erstellen, die sich an die Bildschirmgröße der Geräte anpasst. Im Gegenteil, es ist einfacher, verschiedene Websites für verschiedene Geräte zu erstellen, wie dies beim adaptiven Webdesign der Fall ist. Die Arbeit ist zwar mehr an das adaptive Webdesign gedacht, da die Entwickler unterschiedliche Websites für unterschiedliche Gerätegrößen erstellen würden, im Vergleich zum responsiven Webdesign ist dies jedoch noch einfacher.
Da es auf dem Markt zu viele mobile Geräte gibt, können die Entwickler nicht notwendigerweise alle Arten von Bildschirmauflösungen bereitstellen. Dies führt dazu, dass Websites in kleineren Bildschirmen beschnitten werden, wenn ein adaptives Webdesign verwendet wird.
Adaptive Websites werden etwas langsamer geladen, da die Website zunächst herausfinden muss, welches Gerät und welche Bildschirmauflösung verwendet wird. Basierend darauf wird die zugehörige Version der Website auf den Bildschirm des Geräts geladen. Bei responsive Webdesign wird ein einzelner Code verwendet und automatisch auf die mobilen Bildschirme verkleinert.
Vielleicht möchten Sie auch diesen Beitrag auf MSDN unter dem Titel Warum ich adaptives Webdesign dem responsiven Webdesign bevorzuge.
UPDATE: Die verlinkte Seite ist bei Microsoft nicht verfügbar. Sie können stattdessen SharePoint Responsive Web Design auschecken.
Empfohlen:
Was ist "Systemless Root" auf Android und warum ist es besser?
Den Root-Zugriff auf Android-Geräten zu erlangen, ist kein neues Konzept. Mit Android 6.0 Marshmallow hat sich jedoch die Art und Weise geändert, wie es gemacht wird. Die neue „systemlose“Root-Methode kann anfangs etwas verwirrend sein. Daher möchten wir Ihnen helfen, alles zu verstehen, warum Sie es wollen und warum diese Methode der beste Weg ist, um ein Android-Handy zu rooten .
Was ist Android Auto und ist es besser, als nur ein Telefon in Ihrem Auto zu verwenden?
Heutzutage wenden sich immer mehr Menschen für GPS und Musik im Auto an ihre Handys. Und warum sollten sie das nicht tun? Google Maps ist viel besser als das in Ihrem Fahrzeug eingebaute lahmende System. Geben Sie Android Auto ein: das Beste aus dem, was Ihr Telefon bietet, aber in die Kopfeinheit Ihres Dash eingebaut.
Was ist Apple CarPlay und ist es besser, als nur ein Telefon in Ihrem Auto zu verwenden?
Sie steigen in Ihr Auto, verbinden Ihr Telefon mit der Bluetooth-Haupteinheit und legen es in das Dock. Für die nächsten unzähligen Minuten / Stunden ist dies Ihre Quelle für Musik, Navigation und alles andere. Apples CarPlay scheint die Art und Weise, wie Sie Ihr Telefon im Auto verwenden, mit einer Art "zweiten Bildschirm" neu zu erfinden.
Was ist der Unterschied zwischen HDMI und DVI? Welches ist besser?
Sind Sie verwirrt über die heute verfügbaren Videokabel? Schauen wir uns die wichtigsten Videokabel von heute an, HDMI und DVI, und sehen Sie, welche Unterschiede zwischen den beiden bestehen.
AMD Ryzen ist hier mit Intel im Fadenkreuz: Was ist besser?
Intel war das meiste Jahrzehnt an der Spitze, aber jetzt scheint es, als wäre AMD bereit, die Krone zu erobern. Lesen Sie unseren AMD Ryzen Intel Vergleichsbeitrag.