Was sie sagt.
Texte, Fotos, Links und Listeneinträge: das, was die Tile erzählt.
Wie sie aussieht.
Farben, Schriften, Rahmen, Abstände und Maße, auch unterschiedlich für Computer, Tablet und Smartphone.
Wie sie sich verhält.
Wann sie auftritt, wie sie sich bewegt, wem sie angezeigt wird, wo sie sitzt. Die Beispiele im Katalog berühren ihn kaum.
Betritt die Bühne.
35 Animationen für den Auftritt der Tile: Einblenden, Gleiten, Zoom, Drehung, Hüpfen, Schreibmaschine, Vorhang… Dauer, Verzögerung, Intensität und Kurve sind einstellbar: Verschiedene Tiles können nacheinander einsteigen.
Kommt bei jedem Mal wieder.
17 weitere Animationen, vom Einblenden bis zum Ken Burns, die starten, sobald die Tile auf dem Bildschirm erscheint. Sie können jedes Mal neu starten, wenn du wieder vorbeikommst, und den Inhalt der Tile nacheinander einlaufen lassen.
Scrolle ein Stück hoch
und wieder runter: Sie tritt jedes Mal neu auf.
Bewegt sich mit der Seite.
Während du scrollst, verschiebt sich die Tile, dreht sich, ändert Größe, Transparenz oder Unschärfe, in ihrem ganz eigenen Tempo. Jede Eigenschaft hat ihre eigenen Stationen, vom Anfang bis zum Ende der Strecke.
Folgt einer Kurve.
Du zeichnest im Builder einen Pfad, und die Tile folgt ihm, während du scrollst. An jeder Station bestimmst du Position, Drehung, Größe und Transparenz.
Bleibt, wo sie gebraucht wird.
Die Tile bleibt stehen, während der Rest des Abschnitts weiterscrollt, und läuft von selbst wieder mit, wenn der Abschnitt endet: ein Inhaltsverzeichnis, ein Foto, ein Kaufbutton. Oben oder unten, im gewünschten Abstand, auch auf dem Smartphone.
Du siehst es gerade: Auf Computer und Tablet nutzt die Liste der acht Effekte neben diesem Text genau diese Option.
Reagiert auf die Maus.
Die 3D-Neigung folgt dem Mauszeiger, auch nur auf den Fotos einer Galerie. Die Tile kann dem Cursor hinterherlaufen oder eine Taschenlampe einschalten, die unter dem Mauszeiger die Farben invertiert. Und für die ganze Website gibt es den magnetischen Cursor, der sich an Links und Buttons heftet, und das Fadenkreuz mit Koordinaten. Auf dem Smartphone, wo es keine Maus gibt, bleibt die Seite, wie sie ist.
Mach
das Licht an.
Steht nie still.
Acht Bewegungen, die sich endlos wiederholen: Schweben, auch mit Drehung, Pulsieren, Drehung, Schaukeln, Hüpfen, Schwingen und Atmen. Geschwindigkeit, Amplitude, Verzögerung und Richtung sind einstellbar: perfekt für Icons, Badges und Dekorationen.
Nimmt Form an.
Schneide die Tile in eine Form zu: Kreis, Ellipse, Dreieck, Sechseck, Stern, Raute, Blob oder eine eigene, in CSS geschriebene Form. Das gilt für Fotos, Videos, Cards und Texte.
Jedes Foto bleibt in einem anderen Abstand von oben stehen: Beim Scrollen legt sich das nächste darauf. Nur vier Tiles mit fixiertem Scrollen, sonst nichts.
Scroll langsam und sieh zu, wie der Stapel entsteht.
Für wen es sein soll,
wann es sein soll.
Eine Tile kann für manche da sein und für andere nicht. Die Bedingungen prüft der Server: Wer die Tile nicht sehen soll, bekommt sie gar nicht erst geliefert.
Breites Fenster:
du sitzt am Computer.
Mittleres Fenster:
vielleicht ein Tablet.
Schmales Fenster:
du bist am Smartphone.
Hier stehen drei Sätze, einer pro Format, und du siehst nur einen. Verkleinere am Computer einmal das Fenster.
Genau
dort, wo du willst.
Normalerweise nimmt eine Tile die ganze Breite der Spalte ein und folgt den anderen. Du kannst sie aber verschieben, überlagern oder fest auf dem Bildschirm verankern, mit unterschiedlichen Werten für jedes Gerät.
Für alle, die lesen,
und für alle, die suchen.
Dieselben Tiles sprechen Screenreader und Suchmaschinen gut an, ganz ohne zusätzliche Plugins.