4 Punkte von GN⁺ 2023-11-26 | 1 Kommentare | Auf WhatsApp teilen

No-Code-Erstellung von CSS-Animationen

  • Animotion ist ein Tool, mit dem sich CSS-Animationen visuell per Drag-and-drop, Größenänderung, Rotation, Clipping und mehr erstellen lassen.
  • Es bietet einen Keyframe-Editor, eine Sammlung sofort einsatzbereiter Animationen und 29 integrierte Easings.
  • Die App funktioniert besser auf großen Bildschirmen und in modernen Webbrowsern.

Meinung von GN⁺

  • Der wichtigste Punkt in diesem Artikel ist, dass sich mit dem Tool Animotion CSS-Animationen ganz einfach ohne das Schreiben von Code erstellen lassen.
  • Für Menschen mit Interesse an Software Engineering könnte das spannend sein, besonders für Einsteiger im Frontend-Bereich.

1 Kommentare

 
GN⁺ 2023-11-26
Hacker-News-Kommentare
  • CSS3 wurde 1999 veröffentlicht, und dass 2023 eine App wie diese es auf Hacker News schafft, weil sie so cool ist, zeigt, dass sich die Zugänglichkeit und Programmierbarkeit von Keyframe-basierten Animationen nicht wesentlich verbessert hat. Flash ist seit etwa 10 Jahren verschwunden, und übrig geblieben sind Adobe Animate sowie verschiedene mittelmäßige Frameworks und Communities. Robuste CSS-/SVG-basierte Animationen sind größtenteils ein mageres Versprechen geblieben.
  • Das Verschieben von Keyframes war das Erste, was ich tun wollte, aber diese Funktion gibt es noch nicht.
  • Mir gefällt, dass das Ergebnis der App als CSS ausgegeben wird, und ich bin dankbar, dass es kein an eine Bibliothek gebundener JavaScript-Code ist.
  • Mir gefällt, wie intuitiv der Editor ist, und wer eine etwas fortgeschrittenere Timeline braucht, sollte sich Theatre.js ansehen. Ich freue mich, mehr Bewegung auf der Webplattform zu sehen.
  • Ich frage mich, ob es eine gute Möglichkeit gibt, auf Mobilgeräten Tooltips oder Hinweise bereitzustellen, die erklären, was die Icons bedeuten. Ich kann die Funktion einiger Icons nicht verstehen, und man kann sie zwar ausprobieren, aber wie bereits erwähnt gibt es keine Undo-Funktion.
  • Ich mag diese App sehr.
  • Den Quellcode der App kann man auf GitHub einsehen: animotionjs/animotion
  • Sie bietet auch auf Mobilgeräten eine überraschend intuitive Bedienung.
  • Erstaunliche Arbeit, und vielen Dank, dass du dieses sehr coole Tool geteilt hast.
  • Funktioniert auch auf Mobilgeräten großartig und ist einen Bookmark wert.