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 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-­Animationen & SMIL
  • 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 HellwigJonas Hellwig arbeitet als Web Designer, Video-Trainer, Fachbuchautor und Dozent in Berlin. Neben Responsive Design hat er sich auf WordPress, Photoshop und Workflow-Optimierungen im Web Design 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 Veranstaltungen zum Thema Web Design anzutreffen und unterstützt Web-Agenturen und Unternehmen bei der Planung und bei der technischen Umsetzung von Web-Projekten.

Kunden-Feedback zu unseren Inhouse-Schulungen

Sehr informativer und praxisnaher »Ritt« durch das Thema »Responsive Design«. Wir haben viele ganz konkrete Erkenntnisse gewonnen, die wir aktuell nutzen können, aber auch einen guten Überblick über aktuelle Entwicklungen und Trends bekommen.

Juni 2016, Carola Kretschmer, Website Management VTc3, KfW

Danke @_kulturbanause für den Workshop! Ich hoffe es hat einigen den Horizont erweitert!

Januar 2015, Benno, @btotheenno, Frontend-Developer Zalando AG – Quelle

Das Seminar ist super angekommen und die Crew war sehr begeistert von Jonas und seinem Vortragsstil. Wir haben sehr viel mitnehmen können und sind auch direkt in die Umsetzung gegangen.

März 2016, Marc Ulrich, Geschäftsführer, NeueWerft – Gesellschaft für Markenentwicklung mbH

Das Seminar „Responsive Webdesign“ am Freitag war eine echte Erleuchtung. Jonas Hellwig hat die Schulung gut strukturiert, zugänglich gestaltet und keine Fragen offengelassen.

Dezember 2014, Marco Sablotzki – Quelle

Ich verneige mich! Wunderbarer Vortrag wie das mit dem Design im Web heute funktioniert!

August 2015, David Hellmann – Quelle

Öffentliche Schulungen für Frontend-Developer

Alle öffentlichen Schulungen anzeigen

Mit diesen Kunden haben wir bereits erfolgreich zusammengearbeitet.