Web Animation Workshops hat für den Frühling wieder begonnen. Dieses Jahr geht es nach San Francisco, Chicago und Paris, einige Termine werden noch bekannt gegeben. Val Head und ich tun uns zusammen, um Ihnen zwei prall gefüllte Tage voller Inhalte und Übungen zu bieten, damit Sie nach dem Kurs nicht nur die Techniken verstehen, wie man in verschiedenen Tech-Stacks/Umgebungen animiert, sondern auch warum. Hier sind einige der Inhalte, die wir behandeln:
Grundlagen der CSS-Animation
Wir behandeln, was CSS-Transforms, Transitions und Keyframe-Animationen leisten können und wie Sie sie effektiv in Ihrer Arbeit einsetzen. Wir behandeln auch, wie Sie entscheiden, welche Web-Animationsoption die beste Lösung für Ihre Projekte ist.
Grundlagen von TweenMax & TimelineMax
Die Grundlagen von GreenSock's TweenMax, einem der leistungsstärksten und beliebtesten JavaScript-Animations-Frameworks, für komplexere Logik- und Animationsaufgaben. Wir behandeln auch Gründe, die für die Verwendung einer Animationsbibliothek sprechen, und wie man eine auswählt, die am besten für Ihre Projekte geeignet ist.
Prinzipien von UI/UX für Animationen
Best Practices und Prinzipien, denen Sie folgen sollten, um sicherzustellen, dass die von Ihnen erstellten Animationen das Benutzererlebnis positiv bereichern und nicht davon ablenken.
Klassische Animationsprinzipien, die es wert sind, übernommen zu werden
Klassische Animationsprinzipien und Motion-Graphics-Techniken, die Ihre Web-Animationsarbeiten professioneller und polierter aussehen lassen.
SVG-Workflow und Optimierung
Werkzeuge und Techniken zur Erstellung intelligenter und performanter SVGs zum Animieren.
SVG-Animation
Die Grundlagen der SVG-Animation sowohl mit CSS als auch mit JavaScript. Wir behandeln, was jede Option mit SVG leisten kann und wie man entscheidet, welche man zur Erledigung der Aufgabe verwenden sollte.
Animation mit React
Animationen in React mit GreenSock und React-Motion. Wir behandeln die Unterschiede beim Animieren mit dem virtuellen DOM von React, einige Stolpersteine und wie man Leistungsprobleme debuggt.
Die Web Animation API
Ein Blick auf die kommende Spezifikation, eine Übersicht über deren Verwendung und was sie für die nahe Zukunft der Web-Animation bedeutet.
Leistung von Web-Animationen
Techniken und Eigenschaften, die Ihnen helfen, die beste Leistung aus Ihren Animationen herauszuholen, sowie Überlegungen zur wahrgenommenen Leistung.
Wenn Sie an der Teilnahme interessiert sind, besuchen Sie die Workshop-Seite für weitere Informationen! Für SF sind unsere Early-Bird-Tickets fast ausverkauft, also sichern Sie sich diese, solange sie noch verfügbar sind.