Die Zukunft von Website Animationen?

[@NetzstubeDE]

Zum Glück 🍀 schon letztes Jahr den Kurs geholt. Danke Jonas 👍👍👍

[@jonasarleth]

Yeah! Dafür wirst du direkt am Montag belohnt 😉

[@welltbeats]

Hab gerade mein Webflow Abo nach einem Jahr wieder gekündigt, weil es teilweise einfach so viele Workarounds erfordert, dass ich mit React und anderen Frameworks viel schneller bin. Habe eigentlich gehofft, dass es mir Zeit erspart - hängt aber sehr wahrscheinlich davon ab wieviel Erfahrung man in der Frontend-Entwicklung hat. Ist aber auch kein Hexenwerk und z.B. mit Gatsby und GSAP ist man schon gut ausgerüstet. LG :)

[@jonasarleth]

Das kann gut sein! Realisierst du eigene Animationen dann in React oder wie kann ich mir das vorstellen?

[@welltbeats]

Im Endeffekt gibt es finde ich persönlich ja keinen großen Unterschied, außer vllt bei der Learning Curve. Webflow hilft halt dabei das ganze visuell zu gestelten (auch wenn das Konzept dasselbe bleibt) dafür macht es halt auch ein paar Sachen komplizierter. Animationen könntest du genauso mit Lottie z.B. einbinden, oder, wie man das auch in Webflow mit Interactions macht beispielsweise mit GSAP. Wrong Akram macht super Videos dazu falls dich das interessiert (kzbin.info/www/bejne/fpC5n56gntSXhZY). Ich arbeite gerade an der neuen Webseite unserer Agentur und verwende dort Babylonjs (ähnlich Threejs) um 3D-Objekte darzustellen und animiere diese auch mit GSAP. Es hilft einfach, wenn alle "dieselbe Sprache sprechen", aber versteh' mich nicht falsch, auch in Webflow kann man das natürlich umsetzen.

[@jonasarleth]

@@welltbeats Danke, dass du mir hier mal ein paar Begriffe rein postest, die ich googeln kann. Schau ich mir gerne mal an. Ich bin selber ja nicht der Vollblut Programmierer und finde die visuelle Komponente gerade bei Interaktionen für mich wichtig. Hätte sowas einfach früher nie selbst von Hand coden können... Wrong Akram macht die Sache aber auch sehr cool!

[@welltbeats]

@@jonasarleth Ist sowieso toll wenn man so nahe am Ergebnis ist :) Hast du zufällig einen Tipp oder eine Empfehlung einen sicheren Kundenstamm für den Beginn aufzubauen bzw. regelmäßig Aufträge zu bekommen? Eine Freundin von mir würde gerne als Designerin in die Selbstständigkeit starten. Ich kenne deine Inhalte (auch von Patreon) und wollte dich fragen ob es überhaupt Sinn macht gleich so durchzustarten. Bei mir hat sich das langsam aufgebaut, aber sie ist frisch ausgebildet und könnte sich nichts schlimmeres vorstellen als bei einer Agentur zu arbeiten. Danke dir! :)

[@jonasarleth]

@@welltbeats Einfach mal ein bisschen bei mir im Blog rumstöbern. Weiß gerade nicht alle auswendig. Sich als Designer für die Selbstständigkeit vorbereiten jonasarleth.com/artikel/sich-als-designer-fuer-die-selbststaendigkeit-vorbereiten Dein erster eigener Kunde als selbstständiger Designer und Freelancer jonasarleth.com/artikel/deinen-ersten-eigenen-kunden-erreichen jonasarleth.com/artikel/neue-kunden-durch-eigene-projekte-gewinnen jonasarleth.com/artikel/ein-wertvoller-weg-um-an-neue-kunden-zu-kommen Q&A: Als Webdesign Freelancer arbeiten jonasarleth.com/artikel/als-webdesign-freelancer-arbeiten Beiträge auf meinem Patreon Account (Premium Zugang 5€) Anleitung: Neustart als Selbstständiger Designer - diese Schritte würde ich heute anders machen www.patreon.com/posts/21926200 Webdesigner werden - die umfangreiche Anleitung zum Online-Gestalter www.patreon.com/posts/19903198

[@termidesign]

Ich werd es auch demnächst mal versuchen. Ich bekomm das zwar auch alles programmiert ohne Webflow. Aber die Transitions per Scroll sind natürlich unglaublich gut bei webflow

[@jonasarleth]

Du kannst den Code ja anschließend auch einfach exportieren und in eine andere Website einbinden. Habe ich auch schon gemacht - funktioniert gut 👍 jQuery ist allerdings nötig...

[@jonasarleth]

Welches Tool nutzt Du, um Website Layouts zu animieren? 👇

[@ismirschlecht4122]

Funzt das Dingens auch auf ner einfachen statischen Webseite?

[@jonasarleth]

Ja klar. Einfach Code exportieren.

[@freesh81]

Wenn man keinen guten Entwickler zur Hand hat, ist das sicher ein guter Kompromiss. Generell, ist der Code aber nicht ansatzweise so schlank und performant wie, das was man mit gsap oder native css + js hinbekommt. (Guter Frontend Developer voraus gesetzt.) Aber als Spielwiese für kleinere Websites als Designer definitiv eine gute Lösung.

[@jonasarleth]

Webflow nutzt JS + CSS für die Animationen. Aber ja, GSAP direkt in Webflow wäre nice. Aber was meinst du mit schlankem Code und nicht performant? Ich habe beispielsweise letztens die Seite erstellt sion-car.webflow.io/ und alles fühlt sich für mich performant an. Mich würde interessieren, was Programmierern in Webflow fehlt (falls du einer bist) 😊

[@exploresque95]

Do you have any courses in English Buddy?

[@jonasarleth]

No sorry, not yet...

[@exploresque95]

@@jonasarleth it would be great if you have any.. do you have any English subtitle? Or can I get your course link? I can understand your work by seeing the video as well.

[@jonasarleth]

@@exploresque95 Sure here it is: www.webflow-lernen.de

[@markott3978]

Webflow ist irgendwie echt krass. Dagegen sieht alles aus wie aus letztem Jahrzent.

[@jonasarleth]

😀 Vielleicht