Animotion - application visuelle d’animation CSS

 (cssanimotion.pages.dev)
4 points par GN⁺ 2023-11-26 | 1 commentaires | Partager sur WhatsApp

Création no-code d’animations CSS

  • Animotion est un outil qui permet de créer visuellement des animations CSS via le glisser-déposer, le redimensionnement, la rotation, le clipping, etc.
  • Il propose un éditeur de keyframes, une collection d’animations prêtes à l’emploi et 29 easings intégrés.
  • Cette application fonctionne mieux sur les grands écrans et avec les navigateurs web modernes.

L’avis de GN⁺

  • Le point le plus important de cet article est qu’avec l’outil Animotion, il est possible de créer facilement des animations CSS sans écrire de code.
  • Cela peut intéresser les personnes attirées par l’ingénierie logicielle, et c’est particulièrement séduisant pour les développeurs débutants qui s’intéressent au développement frontend.

À lire aussi

1 commentaires

 
GN⁺ 2023-11-26
Avis Hacker News
  • Le fait que CSS3 soit sorti en 1999 et qu’en 2023 une application comme celle-ci soit suffisamment impressionnante pour être présentée sur Hacker News montre que l’accessibilité et la programmabilité des animations basées sur des keyframes ne se sont pas beaucoup améliorées. Flash a disparu il y a environ dix ans, et il ne reste qu’Adobe Animate ainsi que divers frameworks et communautés assez banals. Les animations robustes basées sur CSS/SVG restent pour la plupart une promesse décevante.
  • Déplacer les keyframes était la première chose que je voulais faire, mais cette fonctionnalité n’existe toujours pas.
  • J’aime le fait que le résultat de l’application soit du CSS, et j’apprécie que ce ne soit pas du code JavaScript lié à une bibliothèque.
  • J’aime l’intuitivité de l’éditeur, et ceux qui ont besoin d’une timeline plus avancée devraient jeter un œil à Theatre.js. Ravi de voir davantage de mouvement sur la plateforme web.
  • Je me demande s’il existe un bon moyen, sur mobile, de fournir des info-bulles ou des indications expliquant la signification des icônes. Je n’arrive pas à comprendre la fonction de certaines d’entre elles, et je peux certes les essayer, mais comme mentionné plus haut, il n’y a pas de fonction d’annulation.
  • J’aime énormément cette application.
  • Le code source de l’application est disponible sur GitHub : animotionjs/animotion
  • Elle offre une ergonomie étonnamment intuitive, y compris sur mobile.
  • Travail impressionnant, et merci de partager un outil aussi chouette.
  • Elle fonctionne aussi très bien sur mobile et mérite d’être ajoutée aux favoris.