Web in motion! Animationen mit CSS, Elementor, Lottie und motion.page.

Elementor Düsseldorf
Tue, Nov 15, 7:00 PM (CET)

222 RSVP'ed

About this event

Hier der Google meet link: https://meet.google.com/aob-bbqt-avz



Liebe deutschsprachige Elementor-Gemeinde,

nach einer mehrmonatigen Pause melden wir uns mit voller Wucht und Vorfreude zurück. Web in motion! Das Leben ist zu schön für statische Webseiten. Wir machen gemeinsam eine Reise in die Welt der codebasierten Animationen im web. 

Es geht mit CSS los: Was bedeuten überhaupt die unzähligen Parameter wie {transform, filter, scale, position, usw.} ?

Mit Elementors Boardmitteln kann man schon recht viel animieren. Wir zeigen wie, was man vielleicht nicht machen sollte und wo die Grenzen im Elementor sind.

Wenn wir im Jahr 2022 über Animationen sprechen, dürfen LOTTIES einfach nicht fehlen. Wo bekommt man diese feinen kleinen Animationsdateien? Wie kann man sie selbst erstellen?Ja, es gehen sogar pixelbasierte Animationen (Videos) mit Lottie, die sich dann scrollbasiert animieren lassen.

Zum Schluss zeigen wir ein relativ neues Plugin, mit dem fast wie in After effects sämtliche Elemente auf einer Website animieren kann: motion.page
Motion.page setzt auf die GSAP-Library und damit lassen sich keyframe-basierte Animationen (zeitlich gesteuert, gleichzeitig oder nacheinander) je nach page-load, scroll-position und mouse-event erstellen.


Im Anschluss unsere Standards:

Zeigt her Eure Errungenschaften! Eine Kurzvorstellung eines aktuellen Elementorprojektes ist wie immer willkommen. Hat jemand gerade eins parat? Bitte melden.

Nach der ganzen „offiziellen“ Sache wird es eine offene Talkrunde geben, Stichwort Offtopic und Networking. Ende je nach unserem Gusto.


Standarddisclaimer:

Dieses Online-Meetup wird (wenn es die Mods nicht wieder vor lauter Aufregung) aufgezeichnet und im Internet veröffentlicht. Mit der Teilnahme erklärst Du Dich damit einverstanden.

Die Teilnahme ist selbstverständlich und wie immer: kostenlos!

LOCATION: Google Meet

Bitte melde Dich an, um den Link zu dem Meetup via Google meet zu erhalten.

Die Anzahl der Teilnehmer ist aus technischen Gründen begrenzt. Deswegen melde Dich rechtzeitig an und erscheine pünktlich. Wir hoffen, dass das Lizenzproblem trotzdem bis dahin gelöst ist.

Während der Veranstaltung werden Videos erstellt.

Diese werden zur Öffentlichkeitsarbeit und Darstellung unserer Aktivitäten auf Webseiten und in Social Media-Kanälen sowie in Printmedien veröffentlicht, um den Bekanntheitsgrad des Elementor Meetup Düsseldorf zu erhöhen.

Wenn Du nicht abgelichtet werden möchtest, kannst Du uns gerne ansprechen.

Wir versuchen dies soweit wie möglich zu berücksichtigen.

Bis bald!


Organizers

  • Humberto Gregorio

    Humberto Gregorio

    Linkup

    Communication Designer

    View Profile
  • Anne-Mieke Bovelett

    Anne-Mieke Bovelett

    annebovelett.eu

    Founder and Accessibility Advocate

    View Profile
  • Jochen Wiesner

    Jochen Wiesner

    Tonwerte

    Community Leader

    View Profile