Begriffe wie Full-Responsive, Parallel Scrolling oder mobile First fallen heute immer wieder, wenn es um die Modernisierung oder Neuerstellung von Webseiten geht. Wir zeigen hier, was es mit alldem auf sich hat. Unsere Empfehlung ist diese Webseite parallel auf einem Dektop-PC und einem Tablet einem Dektop-PC und einem Smartphone durch zu klicken. Starten Sie durch einen Klick auf den folgenden Pfeil:

Full-Responsive

Je nach Bildschirmgröße verändert sich die Darstellung dieser Seite. Sie werden feststellen, dass sich der Inhalt dynamisch an diese Größe anpasst. Besuchen Sie die Seite als Vergleich mit einem Tablet oder Smartphone. Besuchen Sie die Seite auch mit einem PC oder Tablet und drehen Sie einmal ihr Smartphone auf die Seite. Besuchen Sie die Seite auch mit einem PC oder Smartphone und drehen Sie einmal ihr Tablet auf die Seite. Diese Darstellung können Sie auch auf allen Folgeseiten beobachten.

Autoscroll

Mit der automatischen Scroll-Funktion werden Besucher auf eine angenehme Art zwischen den einzelnen Inhalten hin und her geführt.

Slider & Fader

Um viel Inhalt auf kleinem Raum unter zu bringen sind Slider und Fader ein gutes Mittel. Sie unterscheiden sich in Ihrem Übergang. Beim Slider werden die Inhalte verschoben anstelle einer Überlagerung wie beim Fader.

Slider
slider-1
slider-2
slider-3
Fader
fader-1
fader-2
fader-3

Mobile First

Bei Mobile First werden zuerst nur die notwenigen Inhalte für kleine Bildschirmgrößen geladen. Für größere Bildschirmen werden dann Schrittweise (erst Tablet dann Desktop-PC) weitere Inhalte und Bilder in höherer Qualität nachgeladen. Damit sparen Sie Bandbreite für Smartphonenutzer, lassen die Seite schneller laden und müssen trotzdem bei großen Bildschirmen nicht an der Bildqualität sparen.

Datenmenge dieser Webseite

Smartphone
249kb
Tablets
940kb
Desktop
1200kb

Parallel Scrolling

Zu einem der modernsten Blickfängen auf einer Webseite gehört das Parallel-Scrolling. Damit scheinen einige Webseiten-Elemente ein eigene Dynamik zu bekommen.

CSS3

Mit CSS3 können Sie Ihre Webseite auflockern und bieten eine spannende Entdeckungsreise für den Besucher. Fahren Sie mit der Maus über die folgende Beispiele: Diese Möglichkeiten sind einem Dektop-PC vorbehalten.

Drehen
3D Effekt

Fullpage

Mit Fullpage hält man die Aufmerksamkeit wie bei einer Präsentation auf den aktuellen Inhalt!

Video & Audio

Loris Lamunière - CC 3.0

Ohne Plugin jetzt dank moderner Browser Audio und Videos abspielen die auf Ihrem Server liegen ohne das Sie einem Videoportal ein uneingeschränktes Recht an Ihrem Video für werbliche Zwecke und zur Weiterverarbeitung einräumen müssen. In der Regel gewähren Sie sogar jedem Nutzer der Plattformen diese Rechte.

AJAX

Mit AJAX werden Seiten lebendig und Sie können neue Inhalt angezeigt bekommen ohne das die Seite neu geladen werden muss. Bei Live-Auswertungen, Suchvorschlägen und neuartigen Formularen kommt es zum Einsatz. Auch können Sie es für das Nachladen von Inhalten beim Erreichen des Seitenende verwenden.

Aktienkurs Alpha
nAn
Aktienkurs Beta
nAn
Aktienkurs Gamma
nAn
Aktienkurs Delta
nAn

Diagramme

Mit interaktiven Diagrammen kann man eine Vielzahl von Daten für den Besucher grafisch zusammenfassen.