Dabei stehen alle Mittel, die man zur Umsetzung von reaktionsfähigen Websites als Web-Entwickler braucht, bereits heute zur Verfügung. Unterschieden werden hier zwei Ansätze: Adaptive Webdesign und Responsive Webdesign.
Gemeinsamkeiten der beiden client-seitigen Ansätze.
Beide Ansätzen folgen dem "One document"-Grundsatz: Jedes Gerät und jeder Browser erhält dasselbe HTML-Dokument. Durch sogenannte Media Queries, die Teil von CSS 3 sind, gibt es die Möglichkeit, Elemente des HTML-Dokumentes in Abhängigkeit von den zur Verfügung stehenden Bildschirmpixeln in der Horizontalen zu stylen.
Adaptive Webdesign.
Beim Adaptive Webdesign ("anpassungsfähiges Webdesign") werden weiterhin statische Breiten in Pixel für Elemente verwendet wie beim althergebrachten Webdesign - mit dem Unterschied, dass es mehrere Designs gibt, zwischen denen Auflösungsunabhängig "hart" umgeschaltet wird, wenn das Browserfenster die entsprechende Breite aufweist. Es gibt also beispielsweise ein Design für Bildschirme bis 320px/480px Breite (z.B. altes iPhone™ im Hochkant-/Landscape-Modus), eines für Bildschirme zwischen 481px und 768px Breite (z.B. iPad™ im Hochkant-Modus), eines für 769px bis 1024px Breite (iPad™ im Landscape-Modus), und eines für alle höher aufgelösten Anzeigen.
Solange die "Umschalt-Grenzen" nicht erreicht sind, bleibt jedes Design für sich komplett statisch.
Responsive Webdesign.
Beim Responsive Webdesign werden - genau wie beim Adaptive Webdesign - auch Pixelgrenzen für die Umschaltung der Styles definiert. Das Design in jeder Stufe ist jedoch flexibel! Dies wird erreicht auf Basis eines flexiblen Rasters, welches Breiten in % der zur Verfügung stehenden Breite definiert. So passt sich das Design, meist bis zu einer Obergrenze von um die 1280 Pixeln, dynamisch an den Raum an, der da ist. Diese Obergrenze wird meist aus dem Grunde definiert, damit Zeilen nicht zu lang werden. Sehr lange Zeilen stören den Lesefluss empfindlich.
Heute muss eine Internetseite so programmiert und gestaltet werden, dass sie auf Computer, Tablet und Smartphone übersichtlich und problemlos dargeste...
Sie benötigen ein Schild, Werbung für ihr Schaufenster, eine Pylone, mobile Messestände, Wegweiser, Displays, Gerüstbanner oder 3D-Buchstaben? Wir hab...
Die Mehrzahl der Industrieunternehmen ist inzwischen an einem Punkt gelangt, an dem die Produktions- und Fertigungsprozesse größtenteils mittels Digit...
IP68 FÜR ALLE AMETEK SOLARTRON METROLOGY MESSTASTER
der Digitalmesstaster Reihe DP/xx und Analogmesstaster AX/xx
True color Mess-Sensoren, Glanz-Senso...
Beim Eloxaldruck werden die Farben in das vorbehandelte und offenporige Aluminium eingelagert. Die Farben befinden sich somit nicht auf, sondern im Ma...
Beim Eloxaldruck werden die Farben in das vorbehandelte und offenporige Aluminium eingelagert. Die Farben befinden sich somit nicht auf, sondern im Ma...
Sie erhalten bei uns GSB und Qualicoat zertifizierte Beschichtungspulver speziell für die Anwendung im Architekturbereich. Mit diesen Beschichtungspul...
Severn Consultancy ist eine auf den nationalen und internationalen Finanzmarkt spezialisierte Unternehmensberatung. Unsere besondere Expertise liegt i...
Standard-Etiketten
Schlitz-Etiketten
Standard-Etiketten
Umwelt-Etiketten
Lenticular-Etiketten
Stecketiketten:
Die Aufgaben von Stecketiketten sind vie...
Sand ist ein faszinierender Partikel. Denn Sand ist als Masse weder fest noch flüssig.
In der Gesamtheit als Masse wird er zu einem Element mit vieler...
Ein äußerst flexibles Druckverfahren, welches den Vorteil hat ohne Druckplatten oder Drucksiebe auszukommen. Somit ist es möglich auch kleine Auflagen...
refl. Verkehrssicherheitsaccessoire zum Aufkleben, zertifiziert nach EN 13356. Ob auf Jacken, Schulranzen, Fahrradhelmen oder auf dem Rucksack angebra...
Handwerkskunst endet für uns nicht beim guten Geschmack. Wir legen Wert darauf, dass unsere Spezialitäten aus nachhaltiger Landwirtschaft von deutsche...
DE-34277 Fuldabrück
100% kostenfrei
Nicht das passende Produkt?
Erstellen Sie eine Angebotsanfrage und Sie erhalten zeitnah passende Angebote für Produkte und Dienstleistungen.
Heute muss eine Internetseite so programmiert und gestaltet werden, dass sie auf Computer, Tablet und Smartphone übersichtlich und problemlos dargeste...
Sie benötigen ein Schild, Werbung für ihr Schaufenster, eine Pylone, mobile Messestände, Wegweiser, Displays, Gerüstbanner oder 3D-Buchstaben? Wir hab...
Die Mehrzahl der Industrieunternehmen ist inzwischen an einem Punkt gelangt, an dem die Produktions- und Fertigungsprozesse größtenteils mittels Digit...
IP68 FÜR ALLE AMETEK SOLARTRON METROLOGY MESSTASTER
der Digitalmesstaster Reihe DP/xx und Analogmesstaster AX/xx
True color Mess-Sensoren, Glanz-Senso...
Beim Eloxaldruck werden die Farben in das vorbehandelte und offenporige Aluminium eingelagert. Die Farben befinden sich somit nicht auf, sondern im Ma...
Beim Eloxaldruck werden die Farben in das vorbehandelte und offenporige Aluminium eingelagert. Die Farben befinden sich somit nicht auf, sondern im Ma...
Sie erhalten bei uns GSB und Qualicoat zertifizierte Beschichtungspulver speziell für die Anwendung im Architekturbereich. Mit diesen Beschichtungspul...
Severn Consultancy ist eine auf den nationalen und internationalen Finanzmarkt spezialisierte Unternehmensberatung. Unsere besondere Expertise liegt i...
Standard-Etiketten
Schlitz-Etiketten
Standard-Etiketten
Umwelt-Etiketten
Lenticular-Etiketten
Stecketiketten:
Die Aufgaben von Stecketiketten sind vie...
Sand ist ein faszinierender Partikel. Denn Sand ist als Masse weder fest noch flüssig.
In der Gesamtheit als Masse wird er zu einem Element mit vieler...
Ein äußerst flexibles Druckverfahren, welches den Vorteil hat ohne Druckplatten oder Drucksiebe auszukommen. Somit ist es möglich auch kleine Auflagen...
refl. Verkehrssicherheitsaccessoire zum Aufkleben, zertifiziert nach EN 13356. Ob auf Jacken, Schulranzen, Fahrradhelmen oder auf dem Rucksack angebra...
Handwerkskunst endet für uns nicht beim guten Geschmack. Wir legen Wert darauf, dass unsere Spezialitäten aus nachhaltiger Landwirtschaft von deutsche...