PAGE online
PAGE online

Tempo-Tricks

von Angelika Eckert | Lesezeit: ca. eine Minute

Die neue Mozaik-Website lädt außerst zügig – dank Canvas-Animationen, asynchronem Laden und Hintergrund-Videoplayern.

Trotz ausgeklügelter Animationen und Transitions lädt die neue Mozaik-Website ausgesprochen schnell. Webentwickler Dimitris Baltas erläutert die Workarounds: das Asynchrone Laden, die Canvas-JavaScript-Animationen und den selbstentwickelten Hintergrund-Videoplayer.

Den Code dafür finden Sie hier.

Mehr zum Thema »Neue Mozaik-Website« erfahren Sie in PAGE 05.2017 im PAGE-Shop!

Schlagwörter:
Produkt: Download PAGE - Microinteractions - Animationen und Transitions - kostenlos
Download PAGE - Microinteractions - Animationen und Transitions - kostenlos
Best Practices für Web und Mobile. Coding-Tipps für CSS3. Tools, Bibliotheken und Generatoren fürs Prototyping & Wireframing

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Datenschutzbestimmungen

Das könnte dich auch interessieren

PAGE 02.2024 UX Design für KI-Anwendungen,
Tools & Technik

UX Design für KI-Anwendungen
Kreation

Null Müll Neukölln: Kann Berlin so sauberer werden?
Variable Fonts animieren, Martin Grödl Designstudio Process
Typografie

Variable Fonts animieren step-by-step
Neuer Markenauftritt der Peter Schmidt Group unter dem Motto »Amplified Imgagination«, Logo mit Elefant
Branche & Karriere

Neuer Markenauftritt für Peter Schmidt Group
Tipps für nachhaltiges Design von Thorsten Jonas
Kreation

8 Tipps für einen Planet-Centric-Design-Prozess
Kreation

KI, Slides & ein Re-Design: Die Figma-Neuigkeiten von der Config 2024!

Weitere Artikel zu diesem Thema

Kreation

Kruel+Bernhard: So geht moderner Profi-Handel!
Kreation

UX-DESIGNTRENDS 2025: Inklusiv und Brutalistisch
Kreation

Kochen mit Kamala: Kreativstudio mischt sich mit …
PAGE 02.2024 UX Design für KI-Anwendungen,
Tools & Technik

UX Design für KI-Anwendungen
Kreation

Null Müll Neukölln: Kann Berlin so sauberer werden?
Variable Fonts animieren, Martin Grödl Designstudio Process
Typografie

Variable Fonts animieren step-by-step
PAGE N° 03 2024
PAGE N° 02 2024
PAGE N° 01 2024
PAGE 04.2024
PAGE 03.2024
PAGE 02.2024