Responsive Design
<2015-01-03>
Unter der Bezeichnung "responsive design" oder "adaptive layout" etc. werden Verfahren zusammengefasst, mit deren Hilfe die Darstellung von Inhalten automatisiert an verschiedene Randbedingungen (Display-Größe, Geräte-Art, ...) angepasst werden kann.
...

Hinweise auf Dokumente zum Thema:

  • Geräteabhängige Stilvorgaben mit CSS Media Queries:
    Allen recht

    Designer von Webseiten wollen ihre Produkte anders als auf Desktop-PCs aussehen lassen, wenn jemand ein Smartphone zum Surfen nutzt. Ein Fall für den Einsatz von Cascading Stylesheets, genauer: den Media Queries von CSS3.

  • Passend große Bilder laden:
    Der neue Standard für responsive Bilder

    Bilder machen den Großteil des Übertragungsvolumens einer Webseite aus. Es ist deshalb eine große Herausforderung, eine Lösung für die responsive Einbindung von Bildern zu finden und damit die Ladezeiten für mobile Endgeräte zu verbessern. Die Lösung bilden das neue srcset-Attribut und das neue picture-Element.

Themen hierzuAssciated topics:

Leistungsfähigkeit des WIM-Systems CSS3

Das könnte Sie auch interessierenFurther readings:
Internet-Links für openWIM-Entwickler
<2020-03-10>
In den Weiten des Internets gibt es etliche hilfreiche Internetpräsenzen und Dokumente, die für die Entwickler des openWIM-Systems hilfreich sein können. Hier sind einige aufgelistet:   Mehr »
Daten-Layer und -Aktualisierung
<2013-01-06>
Im WIM-System spielen "Vorlagen" eine bedeutende Rolle. Oftmals wird beim Zugriff auf einen Objekt-Parameter der Wert von einem Vorlage-Objekt geholt.   Mehr »
Neues und Geändertes beim openWIM-System
<2019-02-03>
In diesem Artikel werden Neuigkeiten Änderungen zu Funktion und Aussehen des openWIM-Systems aufgelistet.   Mehr »
Wie bearbeiten Cloud-Server eintreffende Anforderungen der openWIM-Clients?
Wie sind die Schnittstellen und Funktionen gestaltet?
Von: @VB <2016-10-06>
Von den Internet-Browsern ("Clients") werden die URLs der Projekte aufgerufen. Die URLs führen zum (zuständigen) "Cloud"-Server, der - nach Möglichkeit - die von den Clients gewünschten Aktionen ausführt. Beispielsweise zu ladende Daten liefert.   Mehr »
Wie können CSS-Regeln im Polymer-Kontext eingesetzt werden?
Von: @VB <2016-10-02>
Die Style-Regeln gelten bei Web-Komponenten standardmäßig nur "lokal" im Bereich der Komponente und haben fixe Werte. "Globalere" Geltungsbereiche (cross-scope styling) und Änderungen können jedoch auch realisiert werden.   Mehr »
Anordnung von WIM-App-Modulen
<2013-03-28>
Innerhalb eines (BOX-)Moduls können Module in verschiedener Art und Weise angeordnet werden. Dieser Beitrag geht näher darauf ein.   Mehr »
Gestaltungs-Hinweise für WIM-Anwendungen
<2014-06-28>
Im Prinzip bietet eine mit dem WIM-System sehr große Freiheiten beider Gestaltung. Um jedoch eine bessere Nutzbarkeit zu erreichen, sollten einige Grundregeln beachten werden.   Mehr »
Welche Aspekte sind bei mehrsprachlichen Informationsangeboten besonders relevant?
Von: @VB <2016-10-03>
Bei der Nutzung und dem Betrieb mehrsprachlicher Informationssysteme und Internetpräsenzen sind einige Anforderungen zu beachten. In diesem Dokument werden sie aus der Anwender- und Betreiber-Perspektive diskutiert.   Mehr »
Die Bildrechte werden in der Online-Version angegeben.For copyright notice look at the online version.

Bildrechte zu den in diese Datei eingebundenen Bild-Dateien:

Hinweise:
1. Die Bilder sind in der Reihenfolge ihres ersten Auftretens (im Quelltext dieser Seite) angeordnet.
2. Beim Anklicken eines der nachfolgenden Bezeichnungen, wird das zugehörige Bild angezeigt.
3, Die Bildrechte-Liste wird normalerweise nicht mitgedruckt,
4. Bildname und Rechteinhaber sind jeweils im Dateinamen des Bildes enthalten.