Kurzbeschreibung
Animationen und animierte Interaktionen sind längt fester Bestandteil moderner Websites. Web Designer und Frontend-Entwickler sollten daher wissen, wie Animationen aufgebaut sind, welche Technologien zur Verfügung stehen, mit welchen Kompatibilitätsproblemen zu rechnen ist, wie diese umgangen werden und wie komplexe Animationen mit geringem Aufwand erstellt werden können.
In diesem Seminar beschäftigen Sie sich mit den Technologien CSS und SVG, mit den Animationsmöglichkeiten beider Sprachen und mit der Kombination von CSS und SVG. Sie lernen welche Interaktionsmöglichkeiten es gibt, wie Schlüsselbild-Animationen (Keyframe-Animationen) aufgebaut sind und welche CSS-Animations-Eigenschaften es zu kennen gilt. Darüber hinaus erfahren Sie, was Sie in Photoshop, Illustrator, Sketch und Co. bei der Erstellung von Grafiken beachten sollten, damit diese später unkompliziert in SVG umgewandelt und animiert werden können.
Agenda
- GIF-Animationen erstellen und optimieren
- Die
transition-Eigenschaften von CSS
- CSS Transitions erstellen
@keyframes & die animation-Eigenschaften von CSS- CSS-Keyframe-Animationen erstellen
- Einzelbild-Animationen mit Keyframes
- Bewegungspfade mit CSS
motion-path
- SVG-Grafiken erstellen, optimieren und exportieren
- Der Aufbau eines SVG-Dokuments
- SVG-Grafiken umgestalten
- Die Interaktionsmöglichkeiten von SVG
- Responsive SVG-Grafiken
- SVG mit CSS animieren
- Tools und Hilfsmittel
- Verschiedene Praxisbeispiele
Für wen ist das Seminar gedacht?
Das Seminar richtet sich an Web-Designer mit soliden HTML und CSS-Kenntnissen. Es ist ein praxisorientierter Workshop mit Diskussionscharakter geplant. Die Übungen werden gemeinsam am Computer, bzw. an Beamer und Flipchart erarbeitet.
Dozent: Jonas Hellwig
Jonas Hellwig arbeitet als Web Designer, Video-Trainer, Fachbuchautor und Dozent in Berlin. Neben UX/UI-, Frontend- & Responsive Design hat er sich auf Workflow-Optimierungen im Design-Prozess spezialisiert und ist Gründer der Agentur kulturbanause
® (
kulturbanause.de). Auf
blog.kulturbanause.de veröffentlicht er interessante Artikel, Tipps und Tutorials zum Thema Web Design. Jonas Hellwig ist regelmäßig als Sprecher auf Fachveranstaltungen anzutreffen und unterstützt mit
Seminaren und Workshops Unternehmen bei der Planung, der Gestaltung und der technischen Umsetzung von Website-Projekten.
Kunden-Feedback zu unseren Inhouse-Schulungen
Es waren zwei wertvolle, prall mit Wissen angefüllte Tage. Der Vortrag war sehr verständlich. Danke auch, dass soviel Raum für Fragen blieb.
November 2017, Gudrun Wichelhaus-Decher, Kommunikationsdesignerin, IG Metall Vorstand
Super lockerer Workshop mit einer tollen Balance zwischen Zuhören und selber Ausprobieren. Hat sehr viel Spaß gemacht!
November 2018, Jessica Lyschik, WordPress-Theme-Entwicklerin, selbstständig
Das war so ein tolles Seminar. Einfach nur klasse. Vielen Vielen Dank !!!
Oktober 2015, Detlef Heese, Geschäftsleitung & Diplom Designer, Hasegold GmbH
Am 26.11. habe ich dem Tagesseminar Responsive Web Design - Die technische Umsetzung - mit Jonas Hellwig (kulturbanause) teilgenommen. Ich bin mit dem Anliegen angereist, als Lehrender meinen aktuellen Kenntnisstand zu überprüfen und durch die Erfahrungen und Entwicklungen aus der Agenturpraxis zu ergänzen. Das Seminar hat meine Erwartungen vollständig erfüllt. Dem Referenten ist es gelungen, den gepackten Stoff didaktisch augezeichnet aufzuarbeiten und trotz seiner manchmal vorhandenen Komplexität verständlich und nachvollziehbar zu vermitteln. Eine umfangreiche digitale Seminardokumentation hilft, die Inhalte noch einmal zu rekapitulieren.
Dezember 2015, Prof. Andreas Baumgart, Hochschule für Angewandte Wissenschaften Hamburg
Das war ein tip-top Workshop mit dem @_kulturbanause heute. Ich würde ihn gern als Missionar zu allen Kunden dieser Welt schicken :)
August 2013, Carsten Fischer, triplesense Reply GmbH – Quelle
Öffentliche Schulungen für Frontend-Developer