Buchveröffentlichung: SVG Animationen

Unsere Sarah Drasner hat ein Buch veröffentlicht! Du kannst es auf der O’Reilly-Website oder bei Amazon erwerben.

Wenn Sie noch etwas Überzeugungsarbeit benötigen, habe ich mir gedacht, ich poste hier das Vorwort, das ich für das Buch geschrieben habe. Danach können Sie auf der O’Reilly-Website weiterlesen.

Vorwort

Haben Sie schon einmal ein neues Wort gelernt und dann im Laufe der Woche mehrmals die Gelegenheit gehabt, dieses Wort in der perfekten Situation zu verwenden? So fühlt es sich an, wenn Sie beginnen, SVG zu lernen. Um die Metaphern zu erweitern, ist es, als würden Sie entdecken, dass Ihrem Werkzeugkasten schon die ganze Zeit ein Werkzeug gefehlt hat.

Als Designer und Entwickler kann ich Ihnen sagen, dass ich, nachdem ich mich mit SVG beschäftigt habe, damit fast jeden Tag arbeite. Nicht unbedingt, weil ich SVG in Projekte einbaue, nur weil ich es kann, sondern weil es oft das richtige Werkzeug für die Aufgabe ist. Nachdem Sie dieses Buch gelesen haben und SVG auch Ihr Werkzeug wird, werden Sie es meiner Meinung nach auch regelmäßig zur Hand nehmen. Es wird Ihnen bei der Arbeit einfallen, genau wie dieser befriedigende Moment, in dem ein neues Wort, das Sie gelernt haben, nützlich wird.

Vielleicht denken Sie an SVG, wenn Sie ein Logo durch eines ersetzen müssen, das auf Bildschirmen jeder Pixeldichte scharf dargestellt wird. Vielleicht denken Sie an SVG, wenn Sie ein Icon-System, ein Diagramm oder eine Grafik oder ein vektorbasiertes Hintergrundmuster benötigen. Jetzt, da Sie dieses Buch in den Händen halten, werden Sie mit ziemlicher Sicherheit an SVG denken, wenn Sie an Animation denken.

SVG ist für Animationen einzigartig qualifiziert. Es ist das bei weitem leistungsfähigste Werkzeug für Animationen im Web. Das liegt zum Teil daran, dass SVG aus Zahlen besteht. SVG zeichnet im Wesentlichen mit Geometrie. Und im Web lassen sich Zahlen leicht und intuitiv manipulieren und animieren. Vielleicht wissen Sie, dass Sie ein Element "ausblenden" können – eine rudimentäre Animation –, indem Sie die Deckkraft von 1 auf 0 animieren. So könnten Sie auch den Radius eines Kreises, die Koordinaten eines Rechtecks oder einen Punkt entlang eines Pfades animieren.

Ein weiterer Grund, warum SVG-Animationen so überzeugend sind, ist die Vielfalt der Möglichkeiten, dies zu tun. Es gibt eine Vielzahl nativer Technologien zur Auswahl und darauf aufbauende Bibliotheken, die helfen. Woher wissen Sie, was Sie wählen sollen? Das erfordert Wissen und Überlegung. Glücklicherweise haben Sie den perfekten Kauf getätigt.

Sarah ist die ultimative Reiseführerin für all das. Sie ist nicht nur eine erfahrene technische Redakteurin, sondern auch eine versierte Vektorgrafikerin und Front-End-Entwicklerin. Sie erweckt ihre eigenen SVG-Kunstwerke seit Jahren und Jahren durch Animationen zum Leben. Sie kennt die Werkzeuge. Sie kennt die Landschaft. Sie weiß, wie man zum Kern dessen gelangt, was an all dem wichtig ist, und es erklärt.

Ich prahle nicht grundlos für Sarah. Ich habe mit Sarah zusammengearbeitet und ihr Wissen über SVG-Animationen zu meinem Segen aufgesogen. Wenn Sie denken: „Ich bin bereits Front-End-Entwickler und bin bisher gut ohne ausgekommen“, denken Sie daran, dass man nicht nach dem greift, was man nicht kennt. Lesen Sie weiter und werden Sie ein SVG-Opsimath.

---

Kapitel Eins lesen Im O’Reilly Shop kaufen Bei Amazon kaufen