Alle Artikel zum Thema responsive

Der Banner Slider nutzt nun auch die CSS-Variable $responsiveImageMinWidth, über die Bildbreiten für kleine Auflösungen definiert werden können.

Während der Redakteur nur ein Bild einpflegt, kümmert sich Weblication darum, dass jeder Client das für ihn optimale Bild ausgeliefert bekommt.

Ist eine mehrspaltige Darstellung definiert, bei der fixe Breiten und fixe Umbrüche eingehalten werden, kann diese abhängig von der Bildschirmbreite flexibel gestaltet werden.

HD-Bilder werden nur dann in doppelter Auflösung ausgeliefert, wenn das Standardbild aufgrund der Bildschirmbreite nicht schon ausreicht, um die doppelte Auflösung anzubieten.

Über die im CSS definierten Media Queries können nun direkt JavaScript-Funktionen aufgerufen werden.

Abhängig von der Fensterbreite lassen sich Inhalte ausblenden. Die Logik selbst wird über media-queries definiert.

Während einfache Elemente, wie z.B. Bilder oder Texte mit wenig bis gar keinem Aufwand für Responsive Webdesign angepasst werden muss, sind bei Elementen wie Tabellen, Formularen und IFrames grundsätzliche Anpassungen notwendig.

In der aktuellen BASE lässt sich der Viewport einstellen. Sie können dadurch festlegen, ob die Breite auf die optimale Bildschirmgröße skaliert werden soll.

In der aktuellsten BASE können Sie neben Responsive Webdesign spezielle Seiten auch in einer mobilen Variante anbieten.

Mit der aktuellen BASE kommt eine erweiterte Breitenberechnung zum Einsatz, die es auch erlaubt Container beliebig zu verschachteln.

Um Ihre Webseite mit Hilfe von Responsive Webdesign für unterschiedliche Bildschirme einfach zu optimieren, haben wir in der aktuellen BASE bereits eine vorgefertigte Lösung integriert, die über die Projektkonfiguration aktiviert werden kann.