{"id":4682,"date":"2024-03-26T17:50:09","date_gmt":"2024-03-26T16:50:09","guid":{"rendered":"https:\/\/alexandrevacassin.fr\/?post_type=portfolios&p=4682"},"modified":"2025-03-20T07:49:44","modified_gmt":"2025-03-20T06:49:44","slug":"svg-anima","status":"publish","type":"portfolios","link":"https:\/\/alexandrevacassin.fr\/en\/portfolios\/svg-anima\/","title":{"rendered":"SVG Anima"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

SVG ANIMA<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

SVG Anima est un projet personnel. Il s\u2019agit d\u2019une web app Open Source lanc\u00e9e en 2023 avec pour ambition de rendre la cr\u00e9ation d\u2019animations vectorielles (SVG) simples et accessibles \u00e0 tous, sans besoin de connaissances en codage.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n
\r\n\r\n
<\/div>\r\n \r\n
\r\n \"\"\r\n <\/div>\r\n \r\n \r\n \r\n \r\n \r\n <\/section>\r\n\r\n \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n \r\n
\r\n
\r\n
<\/div>\r\n
\r\n \r\n
\r\n \"Sites\r\n
\r\n <\/div>\r\n <\/figure>\r\n <\/a>\r\n <\/div>\r\n
\r\n \r\n
\r\n \"Sites\r\n
\r\n <\/div>\r\n <\/figure>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Summary<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

SVG Anima is an innovative platform allowing users to create and customize SVG animations. This online tool offers a variety of features: move, rotate, scale, filters, colors, etc. making SVG animations more dynamic and interactive for websites, applications, and various digital media.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Mon objectif principal \u00e9tait de rendre l\u2019animation vectorielle accessible, en simplifiant le processus de cr\u00e9ation pour les utilisateurs de tous niveaux, afin de contribuer \u00e0 d\u00e9mocratiser l\u2019utilisation des animations SVG dans le design web.<\/p>

\u00a0<\/p>

Conception et d\u00e9veloppement de l\u2019interface utilisateur<\/strong><\/p>

J\u2019ai travaill\u00e9 avec HTML, CSS et JavaScript pour cr\u00e9er une exp\u00e9rience utilisateur fluide. J\u2019ai int\u00e9gr\u00e9 des fonctionnalit\u00e9s interactives telles que la timeline et les animations interractives (survol, clic, d\u00e9filement) enrichissant ainsi l\u2019exp\u00e9rience utilisateur.<\/p>

\u00a0<\/p>

Tutorials and educational support<\/strong><\/p>

J\u2019ai \u00e9galement cr\u00e9\u00e9 des tutoriels vid\u00e9o \u00e9tape par \u00e9tape, facilitant l\u2019apprentissage des utilisateurs pour cr\u00e9er des animations SVG avanc\u00e9es. Ces ressources \u00e9ducatives ont \u00e9t\u00e9 con\u00e7ues pour aider les utilisateurs \u00e0 tous les niveaux, de l\u2019initiation \u00e0 des techniques plus complexes.<\/p>

\u00a0<\/p>

Innovation and creativity<\/strong><\/p>

En d\u00e9veloppant svganima.com, j\u2019ai cherch\u00e9 \u00e0 encourager la cr\u00e9ativit\u00e9 et l\u2019innovation dans le domaine de l\u2019animation web. Le site permet aux utilisateurs d\u2019explorer de nouvelles possibilit\u00e9s cr\u00e9atives avec des animations SVG.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

Conclusion<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

En somme, mon travail sur svganima.com a \u00e9t\u00e9 un exercice passionnant dans le domaine de l\u2019animation web. En facilitant l\u2019acc\u00e8s \u00e0 des outils d\u2019animation avanc\u00e9s, j\u2019ai contribu\u00e9 \u00e0 mon niveau \u00e0 ouvrir la voie \u00e0 des cr\u00e9ations plus dynamiques et interactives sur le web, rendant l\u2019animation SVG accessible et amusante pour tous.<\/p>

https:\/\/svganima.com\/<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Web Projects<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

See all projects<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<\/animatetransform>\r\n\t\t\t\t\t\t\t\t<\/animate>\r\n\t\t\t\t\t\t\t<\/circle>\r\n\t\t\t\t\t\t<\/svg>\r\n\t\t\t\t\t<\/span>\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t
<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\"Cyber\u2019Occ\"\r\n\t\t\t\t\t\t\t\t\t\t<\/figure>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t

Cyber\u2019Occ<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\"CQS\r\n\t\t\t\t\t\t\t\t\t\t<\/figure>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t

CQS Dev<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\"WaouW\"\r\n\t\t\t\t\t\t\t\t\t\t<\/figure>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t

WaouW<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\"Work\r\n\t\t\t\t\t\t\t\t\t\t<\/figure>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t

Work and Play<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\"SII\"\r\n\t\t\t\t\t\t\t\t\t\t<\/figure>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t

SII<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\"Clawww\"\r\n\t\t\t\t\t\t\t\t\t\t<\/figure>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t

Clawww<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\"EasyUrbex\"\r\n\t\t\t\t\t\t\t\t\t\t<\/figure>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t

EasyUrbex<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\"OWI\"\r\n\t\t\t\t\t\t\t\t\t\t<\/figure>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t

OWI<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\"Elisabeth\r\n\t\t\t\t\t\t\t\t\t\t<\/figure>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t

Elisabeth Carreno<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\"Shaman\r\n\t\t\t\t\t\t\t\t\t\t<\/figure>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t

Shaman Pearls<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\"SVG\r\n\t\t\t\t\t\t\t\t\t\t<\/figure>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t

SVG Anima<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\"Easy\r\n\t\t\t\t\t\t\t\t\t\t<\/figure>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t

Easy Prompt AI<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\"Calcutil\"\r\n\t\t\t\t\t\t\t\t\t\t<\/figure>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t

CalcUtil<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\"Association\r\n\t\t\t\t\t\t\t\t\t\t<\/figure>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t

Sports Association<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\r\n\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"featured_media":5298,"template":"","portfolios_categories":[48],"class_list":["post-4682","portfolios","type-portfolios","status-publish","has-post-thumbnail","hentry","portfolios_categories-web"],"acf":{"full_width":false,"header_transparent":false,"header_white":false},"yoast_head":"\nSVG Anima - Alexandre Vacassin<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/alexandrevacassin.fr\/en\/portfolios\/svg-anima\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"SVG Anima - Alexandre Vacassin\" \/>\n<meta property=\"og:description\" content=\"SVG ANIMA SVG Anima est un projet personnel. Il s\u2019agit d\u2019une web app Open Source lanc\u00e9e en 2023 avec pour ambition de rendre la […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/alexandrevacassin.fr\/en\/portfolios\/svg-anima\/\" \/>\n<meta property=\"og:site_name\" content=\"Alexandre Vacassin\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-20T06:49:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/alexandrevacassin.fr\/wp-content\/uploads\/2024\/03\/ux-ui-svg-anim.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"427\" \/>\n\t<meta property=\"og:image:height\" content=\"427\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/alexandrevacassin.fr\\\/portfolios\\\/svg-anima\\\/\",\"url\":\"https:\\\/\\\/alexandrevacassin.fr\\\/portfolios\\\/svg-anima\\\/\",\"name\":\"SVG Anima - Alexandre Vacassin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/alexandrevacassin.fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/alexandrevacassin.fr\\\/portfolios\\\/svg-anima\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/alexandrevacassin.fr\\\/portfolios\\\/svg-anima\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/alexandrevacassin.fr\\\/wp-content\\\/uploads\\\/2024\\\/03\\\/ux-ui-svg-anim.jpg\",\"datePublished\":\"2024-03-26T16:50:09+00:00\",\"dateModified\":\"2025-03-20T06:49:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/alexandrevacassin.fr\\\/portfolios\\\/svg-anima\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/alexandrevacassin.fr\\\/portfolios\\\/svg-anima\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/alexandrevacassin.fr\\\/portfolios\\\/svg-anima\\\/#primaryimage\",\"url\":\"https:\\\/\\\/alexandrevacassin.fr\\\/wp-content\\\/uploads\\\/2024\\\/03\\\/ux-ui-svg-anim.jpg\",\"contentUrl\":\"https:\\\/\\\/alexandrevacassin.fr\\\/wp-content\\\/uploads\\\/2024\\\/03\\\/ux-ui-svg-anim.jpg\",\"width\":427,\"height\":427},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/alexandrevacassin.fr\\\/portfolios\\\/svg-anima\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/alexandrevacassin.fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Portfolio\",\"item\":\"https:\\\/\\\/alexandrevacassin.fr\\\/portfolios\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"SVG Anima\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/alexandrevacassin.fr\\\/#website\",\"url\":\"https:\\\/\\\/alexandrevacassin.fr\\\/\",\"name\":\"Alexandre Vacassin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/alexandrevacassin.fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"SVG Anima - Alexandre Vacassin","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/alexandrevacassin.fr\/en\/portfolios\/svg-anima\/","og_locale":"en_GB","og_type":"article","og_title":"SVG Anima - Alexandre Vacassin","og_description":"SVG ANIMA SVG Anima est un projet personnel. Il s\u2019agit d\u2019une web app Open Source lanc\u00e9e en 2023 avec pour ambition de rendre la […]","og_url":"https:\/\/alexandrevacassin.fr\/en\/portfolios\/svg-anima\/","og_site_name":"Alexandre Vacassin","article_modified_time":"2025-03-20T06:49:44+00:00","og_image":[{"width":427,"height":427,"url":"https:\/\/alexandrevacassin.fr\/wp-content\/uploads\/2024\/03\/ux-ui-svg-anim.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/alexandrevacassin.fr\/portfolios\/svg-anima\/","url":"https:\/\/alexandrevacassin.fr\/portfolios\/svg-anima\/","name":"SVG Anima - Alexandre Vacassin","isPartOf":{"@id":"https:\/\/alexandrevacassin.fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/alexandrevacassin.fr\/portfolios\/svg-anima\/#primaryimage"},"image":{"@id":"https:\/\/alexandrevacassin.fr\/portfolios\/svg-anima\/#primaryimage"},"thumbnailUrl":"https:\/\/alexandrevacassin.fr\/wp-content\/uploads\/2024\/03\/ux-ui-svg-anim.jpg","datePublished":"2024-03-26T16:50:09+00:00","dateModified":"2025-03-20T06:49:44+00:00","breadcrumb":{"@id":"https:\/\/alexandrevacassin.fr\/portfolios\/svg-anima\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/alexandrevacassin.fr\/portfolios\/svg-anima\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/alexandrevacassin.fr\/portfolios\/svg-anima\/#primaryimage","url":"https:\/\/alexandrevacassin.fr\/wp-content\/uploads\/2024\/03\/ux-ui-svg-anim.jpg","contentUrl":"https:\/\/alexandrevacassin.fr\/wp-content\/uploads\/2024\/03\/ux-ui-svg-anim.jpg","width":427,"height":427},{"@type":"BreadcrumbList","@id":"https:\/\/alexandrevacassin.fr\/portfolios\/svg-anima\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/alexandrevacassin.fr\/"},{"@type":"ListItem","position":2,"name":"Portfolio","item":"https:\/\/alexandrevacassin.fr\/portfolios\/"},{"@type":"ListItem","position":3,"name":"SVG Anima"}]},{"@type":"WebSite","@id":"https:\/\/alexandrevacassin.fr\/#website","url":"https:\/\/alexandrevacassin.fr\/","name":"Alexandre Vacassin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/alexandrevacassin.fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/alexandrevacassin.fr\/en\/wp-json\/wp\/v2\/portfolios\/4682","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alexandrevacassin.fr\/en\/wp-json\/wp\/v2\/portfolios"}],"about":[{"href":"https:\/\/alexandrevacassin.fr\/en\/wp-json\/wp\/v2\/types\/portfolios"}],"version-history":[{"count":0,"href":"https:\/\/alexandrevacassin.fr\/en\/wp-json\/wp\/v2\/portfolios\/4682\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alexandrevacassin.fr\/en\/wp-json\/wp\/v2\/media\/5298"}],"wp:attachment":[{"href":"https:\/\/alexandrevacassin.fr\/en\/wp-json\/wp\/v2\/media?parent=4682"}],"wp:term":[{"taxonomy":"portfolios_categories","embeddable":true,"href":"https:\/\/alexandrevacassin.fr\/en\/wp-json\/wp\/v2\/portfolios_categories?post=4682"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}