Menu

fidi
n

Responsives Design

Die Funktionen des fCMS unterstützen Sie auch beim responsive Design Ihres Portales.

Mobilerkennung

Die Geräteerkennung läuft für mobile Geräte immer und muss nicht eingeschaltet werden. Wurde ein Gerät als „mobil“ erkannt, können folgende Features verwendet werden:

  • Ausgabe eines Layers mit Links auf Apps, Webapps und ein Mobilportal
  • Bildskalierung passend zur Displayauflösung (u.a. für responsive Design)
  • HTML5 ePaper mit gerätespezifischen Sonderlösungen
  • Über gerätespezifische Token können Templates an die Endgeräte angepasst werden.

Flexible Bildausgabe

Responsive-Design auf mobilen Geräten

Zur Untersetzung einer Umsetzung im responsive Design erkennt das fCMS neben Informationen zum Gerät auch die Bildschirmauflösung (Viewport).

Auf der Basis dieser Informationen können die Bilder auf dem Server passend für das jeweilige Display skaliert werden, um eine möglichst perfekte Darstellung zu erreichen.

Neuer Bildeditor mit srcset und sizes

Der neue Bildeditor wurde um einen neuen, flexiblen Scaler für mobile Geräte und responsive Design erweitert, um automatisch Bilder in der passenden Auflösung für jedes Display und jeden Viewport auszugeben.

  • Erweiterung um srcset und sizes
  • Automatische Erzeugung der Bildurls in srcset
  • Automatische Erzeugung des Strings in sizes für feste Breite und variable Breite

Gestensteuerung

Zahlreiche Features können auch über die gewohnen Gesten der mobilen Geräte gesteuert werden, u.a. das HTML5-ePaper sowie die Bilderserie als Ajaxlayout.

Responsiver Videoplayer

Videos können problemlos responsive und hochauflösend dargestellt werden.

Video: Das Support-Team

Unser Support-Team ist stets mit ganzen Einsatz bei der Sache.

HTML5 ePaper: Erweiterung für responsive Design

Über die Erkennung des mobilen Geräts schaltet das HTML5 ePaper unter Android und iOS auf die Version mit Gestensteuerung und vereinfachter Benutzeroberfläche um. Unter Android und iOS entspricht das ePaper damit der Version der Webapp.

Mehr zum ePaper unter HTML5 ePaper


Kontakt Impressum So finden Sie uns