Web-Animationen erstellen: UIs zum Leben erwecken - CSS-Animationstechniken meistern

Web-Animationen erstellen: Bringen Sie Ihre UIs zum Leben (Kirupa Chinnathambi)

Leserbewertungen

Zusammenfassung:

Dieses Buch ist eine vielbeachtete Einführung in die Webanimation, die für ihre klaren Erklärungen, effektiven Beispiele und den ansprechenden Schreibstil gelobt wird. Während es wertvolle Inhalte bietet und für Anfänger mit einigen Vorkenntnissen in der Webentwicklung zugänglich ist, fanden einige Rezensenten den humorvollen Ton übertrieben und waren der Meinung, dass es von ernsthafteren Inhalten und aktualisierten Codierungspraktiken profitieren könnte.

Vorteile:

Klare und prägnante Erklärungen, effektive Code-Beispiele, ansprechender Schreibstil, praktische Techniken, geeignet für Anfänger mit Grundkenntnissen in der Webentwicklung, optisch ansprechende Druckausgabe, unterhaltsamer Inhalt, der das Interesse des Lesers aufrechterhält.

Nachteile:

Der humorvolle Ton könnte sich für manche Leser übertrieben anfühlen, der gefühlte Mangel an inhaltlicher Tiefe für den Preis, einige sich wiederholende Beispiele und veraltete Syntax (z. B. keine Verwendung von ES6), könnte völlige Anfänger ohne Vorkenntnisse verloren zurücklassen.

(basierend auf 11 Leserbewertungen)

Originaltitel:

Creating Web Animations: Bringing Your UIs to Life

Inhalt des Buches:

Dank schnellerer Browser, besserer Unterstützung von Webstandards und leistungsfähigerer Geräte definiert das Web jetzt die nächste Generation von Benutzeroberflächen, die Spaß machen, praktisch, flüssig und einprägsam sind. Der Schlüssel dazu? Animationen. Aber zu lernen, wie man Animationen erstellt, ist schwierig, und das vorhandene Lernmaterial erklärt nicht den Kontext des UI-Problems, das Animationen zu lösen versuchen. Genau hier setzt dieses Buch an.

Sie erhalten ein solides technisches Verständnis für die Erstellung beeindruckender Animationen mit CSS und lernen, wie man gängige UI-Patterns anhand praktischer Beispiele implementiert, die auf Animationen zur Lösung eines Kernproblems basieren. Frontend-Webentwickler und -Designer lernen nicht nur wichtige technische Details, sondern auch, wie sie diese zur Lösung realer Probleme anwenden können.

⬤ Erstellen Sie Animationen, die in gängigen Benutzeroberflächenimplementierungen zu finden sind, wie z. B. das Zurückspringen nach dem Scrollen, das Erweitern von Suchfeldern und Inhaltsschiebern.

⬤ Lernen Sie die technischen Details der Arbeit mit CSS-Animationen und -Übergängen kennen.

⬤ CSS-Transformationen verwenden, um die Position, Skalierung und Ausrichtung eines Elements zu animieren.

⬤ Verstehen Sie die Bedeutung von "easing".