Afficher les éléments par tag : animation agence de service informatique, webdesign, graphisme et agence de communication partagé pour les PMEs au Luxembourg, France et Belgique https://www.noemiconcept.eu/index.php/departement-communication/news-departement-com/tag/animation.feed 2024-05-29T06:49:21Z Joomla! 1.5 - Open Source Content Management Une Bibliothèque pour ajouter des animation dans vos textes - easter-eggs-mobile 2017-09-14T06:33:34Z 2017-09-14T06:33:34Z https://www.noemiconcept.eu/index.php/fr/departement-communication/news-departement-com/207951-webdesign-une-bibliothèque-pour-ajouter-des-animation-dans-vos-textes-easter-eggs-mobile.html Olivier Ruffin olivier.ruffin@noemiconcept.com <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/0f5a2c3b210c35faf997fffc050bf009_S.jpg" alt="Une Bibliothèque pour ajouter des animation dans vos textes - easter-eggs-mobile" /></div><div class="K2FeedIntroText"><p>Dans la plupart des sites web, l'image supplante de plus en plus le texte.</p> <p></div><div class="K2FeedFullText"></p> <p style="text-align: center;"><a href="https://weichiachang.github.io/easter-eggs-mobile/index" title="WebDesign Une Bibliothèque pour ajouter des animation dans vos textes - easter-eggs-mobile" target="_blank"><img src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Une_Bibliothèque_pour_ajouter_des_animation_dans_vos_textes_-_easter-eggs-mobile.jpg" alt="WebDesign Une Bibliothèque pour ajouter des animation dans vos textes - easter-eggs-mobile" /></a></p> <p>Afin d'ajouter un peu d'interet à la lecture de texte long, voici <a href="https://weichiachang.github.io/easter-eggs-mobile/index" title="WebDesign Une Bibliothèque pour ajouter des animation dans vos textes - easter-eggs-mobile" target="_blank">easter-eggs-mobile</a> qui va vous permettre d'ajouter l'apparition d'animations si l'internaute clique sur des mots prédéfinis.</p> <p>Enfin, comme elle est sous licence MIT, vous pouvez l'utiliser pour vos prochains projets de site web personnels comme professionnels, l'adapter à vos besoins et participer à son développement.</p></div><div class="K2FeedTags"><ul><li>webDesign</li><li>Bibliothèque</li><li>pour</li><li>ajouter</li><li>animation</li><li>dans</li><li>textes</li><li>eastereggsmobile</li><li>licence</li><li>MIT</li><li>javascript</li><li>site</li><li>web</li><ul></div> <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/0f5a2c3b210c35faf997fffc050bf009_S.jpg" alt="Une Bibliothèque pour ajouter des animation dans vos textes - easter-eggs-mobile" /></div><div class="K2FeedIntroText"><p>Dans la plupart des sites web, l'image supplante de plus en plus le texte.</p> <p></div><div class="K2FeedFullText"></p> <p style="text-align: center;"><a href="https://weichiachang.github.io/easter-eggs-mobile/index" title="WebDesign Une Bibliothèque pour ajouter des animation dans vos textes - easter-eggs-mobile" target="_blank"><img src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Une_Bibliothèque_pour_ajouter_des_animation_dans_vos_textes_-_easter-eggs-mobile.jpg" alt="WebDesign Une Bibliothèque pour ajouter des animation dans vos textes - easter-eggs-mobile" /></a></p> <p>Afin d'ajouter un peu d'interet à la lecture de texte long, voici <a href="https://weichiachang.github.io/easter-eggs-mobile/index" title="WebDesign Une Bibliothèque pour ajouter des animation dans vos textes - easter-eggs-mobile" target="_blank">easter-eggs-mobile</a> qui va vous permettre d'ajouter l'apparition d'animations si l'internaute clique sur des mots prédéfinis.</p> <p>Enfin, comme elle est sous licence MIT, vous pouvez l'utiliser pour vos prochains projets de site web personnels comme professionnels, l'adapter à vos besoins et participer à son développement.</p></div><div class="K2FeedTags"><ul><li>webDesign</li><li>Bibliothèque</li><li>pour</li><li>ajouter</li><li>animation</li><li>dans</li><li>textes</li><li>eastereggsmobile</li><li>licence</li><li>MIT</li><li>javascript</li><li>site</li><li>web</li><ul></div> Un moteur d'animation JavaScript peu encombrant mais performant - Popmotion 2015-10-02T03:09:13Z 2015-10-02T03:09:13Z https://www.noemiconcept.eu/index.php/fr/departement-communication/news-departement-com/206984-webdesign-un-moteur-danimation-javascript-peu-encombrant-mais-performant-popmotion.html Olivier Ruffin olivier.ruffin@noemiconcept.com <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/1fff544b9aaef03849941af516977752_S.jpg" alt="Un moteur d'animation JavaScript peu encombrant mais performant - Popmotion" /></div><div class="K2FeedIntroText"><p>Popmotion est un moteur d'animation Javascript permettant de gérer le mouvement sur une interface utilisateur.</p> <p></div><div class="K2FeedFullText"></p> <p style="text-align: center;"><a target="_blank" title="WebDesign Un moteur d'animation JavaScript peu encombrant mais performant - Popmotion" href="https://popmotion.io"><img alt="WebDesign Un moteur danimation JavaScript peu encombrant - Popmotion" src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Un_moteur_danimation_JavaScript_peu_encombrant_-_Popmotion.jpg" /></a></p> <p>Il est capable de gérer les animations au travers des fichiers de feuilles de styles CSS, des attributs DOM, ou de fichiers SVG.</p> <p>Malgré toutes ses fonctionnalités, et son plus interessant argument et qu'il n'occupe que 12 Ko soit 20 % de moins que Velocity et 72 % de moins que GreenSock TweenMax.</p> <p>Enfin, comme il est distribué sous <a target="_blank" title="licence MIT" href="https://fr.wikipedia.org/wiki/Licence_MIT">licence MIT</a>, vous pouvez l'utiliser pour vos projets personnels comme professionnels, l'adapter à vos besoins et surtout participer à son développement.</p></div><div class="K2FeedTags"><ul><li>webDesign</li><li>moteur</li><li>animation</li><li>javascript</li><li>peu</li><li>encombrant</li><li>Popmotion</li><li>performant</li><li>licence</li><li>MIT</li><li>open</li><li>source</li><li>site</li><li>web</li><li>interface</li><li>utilisateur</li><ul></div> <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/1fff544b9aaef03849941af516977752_S.jpg" alt="Un moteur d'animation JavaScript peu encombrant mais performant - Popmotion" /></div><div class="K2FeedIntroText"><p>Popmotion est un moteur d'animation Javascript permettant de gérer le mouvement sur une interface utilisateur.</p> <p></div><div class="K2FeedFullText"></p> <p style="text-align: center;"><a target="_blank" title="WebDesign Un moteur d'animation JavaScript peu encombrant mais performant - Popmotion" href="https://popmotion.io"><img alt="WebDesign Un moteur danimation JavaScript peu encombrant - Popmotion" src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Un_moteur_danimation_JavaScript_peu_encombrant_-_Popmotion.jpg" /></a></p> <p>Il est capable de gérer les animations au travers des fichiers de feuilles de styles CSS, des attributs DOM, ou de fichiers SVG.</p> <p>Malgré toutes ses fonctionnalités, et son plus interessant argument et qu'il n'occupe que 12 Ko soit 20 % de moins que Velocity et 72 % de moins que GreenSock TweenMax.</p> <p>Enfin, comme il est distribué sous <a target="_blank" title="licence MIT" href="https://fr.wikipedia.org/wiki/Licence_MIT">licence MIT</a>, vous pouvez l'utiliser pour vos projets personnels comme professionnels, l'adapter à vos besoins et surtout participer à son développement.</p></div><div class="K2FeedTags"><ul><li>webDesign</li><li>moteur</li><li>animation</li><li>javascript</li><li>peu</li><li>encombrant</li><li>Popmotion</li><li>performant</li><li>licence</li><li>MIT</li><li>open</li><li>source</li><li>site</li><li>web</li><li>interface</li><li>utilisateur</li><ul></div> Une bibliothèque d'animation fonctionnelle JavaScript - keyframes.js 2015-07-10T05:13:12Z 2015-07-10T05:13:12Z https://www.noemiconcept.eu/index.php/fr/departement-communication/news-departement-com/206865-webdesign-une-bibliothèque-danimation-fonctionnelle-javascript-keyframesjs.html Olivier Ruffin olivier.ruffin@noemiconcept.com <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/ed846153a9c37d28192d78c14e572a2f_S.jpg" alt="Une bibliothèque d'animation fonctionnelle JavaScript - keyframes.js" /></div><div class="K2FeedIntroText"><p>keyframes est une bibliothèque qui vous permet de créer facilement des animations avec des éléments DOM.</p> <p></div><div class="K2FeedFullText"></p> <p style="text-align: center;"><a target="_blank" title="WebDesign Une bibliothèque d'animation fonctionnelle JavaScript - keyframes.js" href="https://alexeisavca.github.io/keyframes.js/"><img alt="WebDesign Une bibliothèque danimation fonctionnelle JavaScript - keyframes.js" src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Une_bibliothèque_danimation_fonctionnelle_JavaScript_-_keyframes.js.jpg" /></a></p> <p>Pour l'utiliser, il suffit de télécharger la bibliothèque et de l'intégrer dans votre projet.</p> <p>Elle n'est pas gourmande en ressources puisque elle ne dépasse pas les 19Ko.</p> <p>Elle est distribuée gratuitement, vous pouvez l'utiliser pour vos projets personnels comme professionnels, vous pouvez la personnaliser pour l'adapter à vos besoins et surtout vous pouvez participer à son developpement.</p></div><div class="K2FeedTags"><ul><li>webDesign</li><li>Bibliothèque</li><li>animation</li><li>fonctionnelle</li><li>javascript</li><li>keyframes</li><li>open</li><li>source</li><li>gratuit</li><li>site</li><li>web</li><ul></div> <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/ed846153a9c37d28192d78c14e572a2f_S.jpg" alt="Une bibliothèque d'animation fonctionnelle JavaScript - keyframes.js" /></div><div class="K2FeedIntroText"><p>keyframes est une bibliothèque qui vous permet de créer facilement des animations avec des éléments DOM.</p> <p></div><div class="K2FeedFullText"></p> <p style="text-align: center;"><a target="_blank" title="WebDesign Une bibliothèque d'animation fonctionnelle JavaScript - keyframes.js" href="https://alexeisavca.github.io/keyframes.js/"><img alt="WebDesign Une bibliothèque danimation fonctionnelle JavaScript - keyframes.js" src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Une_bibliothèque_danimation_fonctionnelle_JavaScript_-_keyframes.js.jpg" /></a></p> <p>Pour l'utiliser, il suffit de télécharger la bibliothèque et de l'intégrer dans votre projet.</p> <p>Elle n'est pas gourmande en ressources puisque elle ne dépasse pas les 19Ko.</p> <p>Elle est distribuée gratuitement, vous pouvez l'utiliser pour vos projets personnels comme professionnels, vous pouvez la personnaliser pour l'adapter à vos besoins et surtout vous pouvez participer à son developpement.</p></div><div class="K2FeedTags"><ul><li>webDesign</li><li>Bibliothèque</li><li>animation</li><li>fonctionnelle</li><li>javascript</li><li>keyframes</li><li>open</li><li>source</li><li>gratuit</li><li>site</li><li>web</li><ul></div> Un Plugin JavaScript pour l'animation de texte en CSS3 - textillate 2016-06-22T02:55:41Z 2016-06-22T02:55:41Z https://www.noemiconcept.eu/index.php/fr/departement-communication/news-departement-com/207341-webdesign-un-plugin-javascript-pour-lanimation-de-texte-en-css3-textillate.html Olivier Ruffin olivier.ruffin@noemiconcept.com <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/d8ca22f30f66f943fbaa81cc346b0dc3_S.jpg" alt="Un Plugin JavaScript pour l'animation de texte en CSS3 - textillate" /></div><div class="K2FeedIntroText"><p>Textillate est un plugin JavaScript vous permettant d'animer de manière originale l'affichage de vos textes.</p> <p></div><div class="K2FeedFullText"></p> <p style="text-align: center;"><a target="_blank" title="WebDesign Un Plugin JavaScript pour l'animation de texte en CSS3 - textillate" href="https://textillate.js.org/"><img alt="WebDesign Un Plugin JavaScript pour lanimation de texte en CSS3 - textillate" src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Un_Plugin_JavaScript_pour_lanimation_de_texte_en_CSS3_-_textillate.jpg" /></a></p> <p>Il combine les fonctions de plusieurs bibliothèques pour appliquer les possibilités qu'offre les feuilles de style CSS3.</p> <p>De plus, son utilisation est simple et dipose d'un grand nombre d'effets et d'animations.</p> <p>Enfin, comme il est distribué sous licence MIT, vous pouvez l'utiliser pour vos prochains projets de sites web personnels comme professionnels, l'adapter à vos besoins et surtout participer à son développement.</p></div><div class="K2FeedTags"><ul><li>webDesign</li><li>plugin</li><li>javascript</li><li>pour</li><li>texte</li><li>animation</li><li>CSS3</li><li>textillate</li><li>licence</li><li>MIT</li><li>open</li><li>source</li><li>site</li><li>web</li><ul></div> <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/d8ca22f30f66f943fbaa81cc346b0dc3_S.jpg" alt="Un Plugin JavaScript pour l'animation de texte en CSS3 - textillate" /></div><div class="K2FeedIntroText"><p>Textillate est un plugin JavaScript vous permettant d'animer de manière originale l'affichage de vos textes.</p> <p></div><div class="K2FeedFullText"></p> <p style="text-align: center;"><a target="_blank" title="WebDesign Un Plugin JavaScript pour l'animation de texte en CSS3 - textillate" href="https://textillate.js.org/"><img alt="WebDesign Un Plugin JavaScript pour lanimation de texte en CSS3 - textillate" src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Un_Plugin_JavaScript_pour_lanimation_de_texte_en_CSS3_-_textillate.jpg" /></a></p> <p>Il combine les fonctions de plusieurs bibliothèques pour appliquer les possibilités qu'offre les feuilles de style CSS3.</p> <p>De plus, son utilisation est simple et dipose d'un grand nombre d'effets et d'animations.</p> <p>Enfin, comme il est distribué sous licence MIT, vous pouvez l'utiliser pour vos prochains projets de sites web personnels comme professionnels, l'adapter à vos besoins et surtout participer à son développement.</p></div><div class="K2FeedTags"><ul><li>webDesign</li><li>plugin</li><li>javascript</li><li>pour</li><li>texte</li><li>animation</li><li>CSS3</li><li>textillate</li><li>licence</li><li>MIT</li><li>open</li><li>source</li><li>site</li><li>web</li><ul></div> Comment créer les personnages des Simpsons en CSS 2014-07-09T05:07:12Z 2014-07-09T05:07:12Z https://www.noemiconcept.eu/index.php/fr/departement-communication/news-departement-com/206355-comment-créer-les-personnages-des-simpsons-en-css.html Olivier Ruffin olivier.ruffin@noemiconcept.com <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/b70dfd7b99237a33e366a495546136d1_S.jpg" alt="Comment créer les personnages des Simpsons en CSS" /></div><div class="K2FeedIntroText"><p>Pourquoi créer les personnages d'une sitcom américaine en CSS ? Sans doute parce que c'est l'un des plus long programme d'animations créée par Matt Groening et considérée come l'une des séries télévisées les plus longues de tous les temps.</p> </div><div class="K2FeedFullText"> <p><a title="WebDesign Comment créer les personnages des Simpsons en CSS " href="https://pattle.github.io/simpsons-in-css/" target="_blank"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Comment_créer_les_personnages_des_Simpsons_en_CSS.jpg" alt="WebDesign Comment créer les personnages des Simpsons en CSS" /></a></p> <p>Pour créer chaque personnage, il faut le décomposer en différentes formes pour les réassembler plus tard.</p> <p>Mais inutile de faire cette recherche car les fichiers CSS de chaque personnages est gracieusement proposé au téléchargement.</p> <p>Même vous n'etes pas fan de cette série (vraiment ?), cela peut faire un bon début pour étudier la technique et la reproduire pour d'autres séries.</p></div><div class="K2FeedTags"><ul><li>comment</li><li>créer</li><li>personnages</li><li>Simpsons</li><li>css</li><li>webDesign</li><li>serie</li><li>TV</li><li>animation</li><ul></div> <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/b70dfd7b99237a33e366a495546136d1_S.jpg" alt="Comment créer les personnages des Simpsons en CSS" /></div><div class="K2FeedIntroText"><p>Pourquoi créer les personnages d'une sitcom américaine en CSS ? Sans doute parce que c'est l'un des plus long programme d'animations créée par Matt Groening et considérée come l'une des séries télévisées les plus longues de tous les temps.</p> </div><div class="K2FeedFullText"> <p><a title="WebDesign Comment créer les personnages des Simpsons en CSS " href="https://pattle.github.io/simpsons-in-css/" target="_blank"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Comment_créer_les_personnages_des_Simpsons_en_CSS.jpg" alt="WebDesign Comment créer les personnages des Simpsons en CSS" /></a></p> <p>Pour créer chaque personnage, il faut le décomposer en différentes formes pour les réassembler plus tard.</p> <p>Mais inutile de faire cette recherche car les fichiers CSS de chaque personnages est gracieusement proposé au téléchargement.</p> <p>Même vous n'etes pas fan de cette série (vraiment ?), cela peut faire un bon début pour étudier la technique et la reproduire pour d'autres séries.</p></div><div class="K2FeedTags"><ul><li>comment</li><li>créer</li><li>personnages</li><li>Simpsons</li><li>css</li><li>webDesign</li><li>serie</li><li>TV</li><li>animation</li><ul></div> WebBuzz du 28/05/2014 2014-05-28T04:59:37Z 2014-05-28T04:59:37Z https://www.noemiconcept.eu/index.php/fr/departement-communication/news-departement-com/206298-réalité-augmentée-faite-main-hand-made-augmented-reality.html Olivier Ruffin olivier.ruffin@noemiconcept.com <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/de700e5bf053ef10ec3e8336f9d7fb7f_S.jpg" alt="WebBuzz du 28/05/2014" /></div><div class="K2FeedIntroText"><p><a name="video"></a>Alors que pratiquement tous les smartphones commencent à proposer des applications de réalité augmenté, un jeune artiste "hombre_McSteez", nous fait une petite démonstration de ce qu'est la réalité augmentée faite main ... <br />While virtually all smartphones starting to offer augmented reality applications, a young artist "hombre_McSteez" we made ??a small demonstration of what augmented reality handmade ...</p> </div><div class="K2FeedFullText"> <p style="text-align: center;">{flv}Realite_augmentee_faite_main-Hand_made_augmented_reality|640|480|1{/flv}</p></div><div class="K2FeedTags"><ul><li>realite</li><li>augmentée</li><li>faite</li><li>main</li><li>hand</li><li>made</li><li>augmented</li><li>reality</li><li>webbuzz</li><li>animation</li><li>amusante</li><li>funny</li><ul></div> <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/de700e5bf053ef10ec3e8336f9d7fb7f_S.jpg" alt="WebBuzz du 28/05/2014" /></div><div class="K2FeedIntroText"><p><a name="video"></a>Alors que pratiquement tous les smartphones commencent à proposer des applications de réalité augmenté, un jeune artiste "hombre_McSteez", nous fait une petite démonstration de ce qu'est la réalité augmentée faite main ... <br />While virtually all smartphones starting to offer augmented reality applications, a young artist "hombre_McSteez" we made ??a small demonstration of what augmented reality handmade ...</p> </div><div class="K2FeedFullText"> <p style="text-align: center;">{flv}Realite_augmentee_faite_main-Hand_made_augmented_reality|640|480|1{/flv}</p></div><div class="K2FeedTags"><ul><li>realite</li><li>augmentée</li><li>faite</li><li>main</li><li>hand</li><li>made</li><li>augmented</li><li>reality</li><li>webbuzz</li><li>animation</li><li>amusante</li><li>funny</li><ul></div> Un moteur d'animation codé uniquement en JavaScript - Popmotion 2017-01-11T07:55:55Z 2017-01-11T07:55:55Z https://www.noemiconcept.eu/index.php/fr/departement-communication/news-departement-com/207622-webdesign-un-moteur-danimation-codé-uniquement-en-javascript-popmotion.html Olivier Ruffin olivier.ruffin@noemiconcept.com <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/c851c531e595a8e6a13123536a783ed7_S.jpg" alt="Un moteur d'animation codé uniquement en JavaScript - Popmotion" /></div><div class="K2FeedIntroText"><p>La gestion de mouvement sur un site internet n'est pas toujours facile.</p> <p></div><div class="K2FeedFullText"></p> <p style="text-align: center;"><a target="_blank" title="WebDesign Un moteur d'animation codé uniquement en JavaScript - Popmotion" href="https://popmotion.io"><img alt="WebDesign Un moteur danimation codé uniquement en JavaScript - Popmotion" src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Un_moteur_danimation_codé_uniquement_en_JavaScript_-_Popmotion.jpg" /></a></p> <p><a target="_blank" title="WebDesign Un moteur d'animation codé uniquement en JavaScript - Popmotion" href="https://popmotion.io">Popmotion</a> va vous permettre de gérer les animations de vos sites web beaucoup plus facilement.</p> <p>Non seulement, il occupe très peu d'espace disque (moins de 9Ko), mais en plus il est l'un des plus rapide du marché.</p> <p>Enfin, comme il est sous <a target="_blank" title="licence MIT" href="https://fr.wikipedia.org/wiki/Licence_MIT">licence MIT</a>, vous pouvez l'utiliser pour vos prochains projets de sites web personnels comme professionnels, l'adapter à vos besoins et surtout participer à son développement.</p></div><div class="K2FeedTags"><ul><li>webDesign</li><li>moteur</li><li>animation</li><li>code</li><li>uniquement</li><li>javascript</li><li>Popmotion</li><li>licence</li><li>MIT</li><li>site</li><li>web</li><li>open</li><li>source</li><ul></div> <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/c851c531e595a8e6a13123536a783ed7_S.jpg" alt="Un moteur d'animation codé uniquement en JavaScript - Popmotion" /></div><div class="K2FeedIntroText"><p>La gestion de mouvement sur un site internet n'est pas toujours facile.</p> <p></div><div class="K2FeedFullText"></p> <p style="text-align: center;"><a target="_blank" title="WebDesign Un moteur d'animation codé uniquement en JavaScript - Popmotion" href="https://popmotion.io"><img alt="WebDesign Un moteur danimation codé uniquement en JavaScript - Popmotion" src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Un_moteur_danimation_codé_uniquement_en_JavaScript_-_Popmotion.jpg" /></a></p> <p><a target="_blank" title="WebDesign Un moteur d'animation codé uniquement en JavaScript - Popmotion" href="https://popmotion.io">Popmotion</a> va vous permettre de gérer les animations de vos sites web beaucoup plus facilement.</p> <p>Non seulement, il occupe très peu d'espace disque (moins de 9Ko), mais en plus il est l'un des plus rapide du marché.</p> <p>Enfin, comme il est sous <a target="_blank" title="licence MIT" href="https://fr.wikipedia.org/wiki/Licence_MIT">licence MIT</a>, vous pouvez l'utiliser pour vos prochains projets de sites web personnels comme professionnels, l'adapter à vos besoins et surtout participer à son développement.</p></div><div class="K2FeedTags"><ul><li>webDesign</li><li>moteur</li><li>animation</li><li>code</li><li>uniquement</li><li>javascript</li><li>Popmotion</li><li>licence</li><li>MIT</li><li>site</li><li>web</li><li>open</li><li>source</li><ul></div> Une bibliothèque d'animation JavaScript basée sur ES6 - Between 2017-02-07T07:05:47Z 2017-02-07T07:05:47Z https://www.noemiconcept.eu/index.php/fr/departement-communication/news-departement-com/207660-webdesign-une-bibliothèque-danimation-javascript-basée-sur-es6-between.html Olivier Ruffin olivier.ruffin@noemiconcept.com <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/fba10e9b9ea7f8d118e486c044be9c32_S.jpg" alt="Une bibliothèque d'animation JavaScript basée sur ES6 - Between" /></div><div class="K2FeedIntroText"><p>La création d'animation sur un site web n'est pas facile.</p> <p></div><div class="K2FeedFullText"></p> <p style="text-align: center;"><a href="https://github.com/paraboul/between/" title="WebDesign Une bibliothèque d'animation JavaScript basée sur ES6 - Between" target="_blank"><img src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Une_bibliothèque_danimation_JavaScript_basée_sur_ES6_-_Between.jpg" alt="WebDesign Une bibliothèque danimation JavaScript basée sur ES6 - Between" /></a></p> <p>Avec <a href="https://github.com/paraboul/between/" title="WebDesign Une bibliothèque d'animation JavaScript basée sur ES6 - Between" target="_blank">Between</a>, vous disposez d'une bibliothèque capable de vous donner les premiers mouvements.</p> <p>Elle est entièrement codée en JavaScript ES6.</p> <p>Enfin, comme elle est sous <a href="https://fr.wikipedia.org/wiki/Licence_MIT" title="licence MIT" target="_blank">licence MIT</a>, vous pouvez l'utiliser pour vos prochains projets de sites web personnels comme professionnels, l'adapter à vos besoins et surtout participer à son développement.</p></div><div class="K2FeedTags"><ul><li>webDesign</li><li>Bibliothèque</li><li>animation</li><li>javascript</li><li>basée</li><li>ES6</li><li>between</li><li>licence</li><li>MIT</li><li>site</li><li>web</li><li>open</li><li>source</li><ul></div> <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/fba10e9b9ea7f8d118e486c044be9c32_S.jpg" alt="Une bibliothèque d'animation JavaScript basée sur ES6 - Between" /></div><div class="K2FeedIntroText"><p>La création d'animation sur un site web n'est pas facile.</p> <p></div><div class="K2FeedFullText"></p> <p style="text-align: center;"><a href="https://github.com/paraboul/between/" title="WebDesign Une bibliothèque d'animation JavaScript basée sur ES6 - Between" target="_blank"><img src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Une_bibliothèque_danimation_JavaScript_basée_sur_ES6_-_Between.jpg" alt="WebDesign Une bibliothèque danimation JavaScript basée sur ES6 - Between" /></a></p> <p>Avec <a href="https://github.com/paraboul/between/" title="WebDesign Une bibliothèque d'animation JavaScript basée sur ES6 - Between" target="_blank">Between</a>, vous disposez d'une bibliothèque capable de vous donner les premiers mouvements.</p> <p>Elle est entièrement codée en JavaScript ES6.</p> <p>Enfin, comme elle est sous <a href="https://fr.wikipedia.org/wiki/Licence_MIT" title="licence MIT" target="_blank">licence MIT</a>, vous pouvez l'utiliser pour vos prochains projets de sites web personnels comme professionnels, l'adapter à vos besoins et surtout participer à son développement.</p></div><div class="K2FeedTags"><ul><li>webDesign</li><li>Bibliothèque</li><li>animation</li><li>javascript</li><li>basée</li><li>ES6</li><li>between</li><li>licence</li><li>MIT</li><li>site</li><li>web</li><li>open</li><li>source</li><ul></div> Un composant de recherche avec animation pour vos sites web - react-treeview-mui 2016-09-29T05:55:13Z 2016-09-29T05:55:13Z https://www.noemiconcept.eu/index.php/fr/departement-communication/news-departement-com/207479-webdesign-un-composant-de-recherche-avec-animation-pour-vos-sites-web-react-treeview-mui.html Olivier Ruffin olivier.ruffin@noemiconcept.com <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/58d13ac4d60d5583f6de71daa463950d_S.jpg" alt="Un composant de recherche avec animation pour vos sites web - react-treeview-mui" /></div><div class="K2FeedIntroText"><p>React-treeview-mui est un composant utilisant la bibliothèque React pour animer les recherches des internautes dans un index de documentation (par exemple).</p> <p></div><div class="K2FeedFullText"></p> <p style="text-align: center;"><a target="_blank" title="WebDesign Un composant de recherche avec animation pour vos sites web - react-treeview-mui" href="https://github.com/fiffty/react-treeview-mui"><img alt="WebDesign Un composant de recherche avec animation pour vos sites web - react-treeview-mui" src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Un_composant_de_recherche_avec_animation_pour_vos_sites_web_-_react-treeview-mui.jpg" /></a></p> <p>L'animation est agréable et douce car elle affiche d'abord les résultats pour ensuite développer l'index une fois que l'utilisateur fait son choix comme le montre <a target="_blank" title="cette démonstration" href="https://fiffty.github.io/react-treeview-mui/">cette démonstration</a>.</p> <p>De plus, il propose bien d'autres options et fonctionnalités.</p> <p>Enfin, comme il est sans licence, vous pouvez l'utiliser pour vos prochains projets de sites web personnels comme professionnels, l'adapter à vos besoins et surtout participer à son développement.</p></div><div class="K2FeedTags"><ul><li>webDesign</li><li>Composant</li><li>recherche</li><li>avec</li><li>animation</li><li>pour</li><li>sites</li><li>web</li><li>reacttreeviewmu</li><li>licence</li><li>open</li><li>source</li><li>site</li><ul></div> <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/58d13ac4d60d5583f6de71daa463950d_S.jpg" alt="Un composant de recherche avec animation pour vos sites web - react-treeview-mui" /></div><div class="K2FeedIntroText"><p>React-treeview-mui est un composant utilisant la bibliothèque React pour animer les recherches des internautes dans un index de documentation (par exemple).</p> <p></div><div class="K2FeedFullText"></p> <p style="text-align: center;"><a target="_blank" title="WebDesign Un composant de recherche avec animation pour vos sites web - react-treeview-mui" href="https://github.com/fiffty/react-treeview-mui"><img alt="WebDesign Un composant de recherche avec animation pour vos sites web - react-treeview-mui" src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Un_composant_de_recherche_avec_animation_pour_vos_sites_web_-_react-treeview-mui.jpg" /></a></p> <p>L'animation est agréable et douce car elle affiche d'abord les résultats pour ensuite développer l'index une fois que l'utilisateur fait son choix comme le montre <a target="_blank" title="cette démonstration" href="https://fiffty.github.io/react-treeview-mui/">cette démonstration</a>.</p> <p>De plus, il propose bien d'autres options et fonctionnalités.</p> <p>Enfin, comme il est sans licence, vous pouvez l'utiliser pour vos prochains projets de sites web personnels comme professionnels, l'adapter à vos besoins et surtout participer à son développement.</p></div><div class="K2FeedTags"><ul><li>webDesign</li><li>Composant</li><li>recherche</li><li>avec</li><li>animation</li><li>pour</li><li>sites</li><li>web</li><li>reacttreeviewmu</li><li>licence</li><li>open</li><li>source</li><li>site</li><ul></div> Bibliothèque JavaScript d'animation avec le défilement - aos 2016-06-14T05:23:09Z 2016-06-14T05:23:09Z https://www.noemiconcept.eu/index.php/fr/departement-communication/news-departement-com/207329-webdesign-bibliothèque-javascript-danimation-avec-le-défilement-aos.html Olivier Ruffin olivier.ruffin@noemiconcept.com <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/c3a2ce1357fb7d27b45c5e0ebfb94c67_S.jpg" alt="Bibliothèque JavaScript d'animation avec le défilement - aos" /></div><div class="K2FeedIntroText"><p>aos est une petite bibliothèque JavaScript vous permettant d'animer des éléments sur votre site web synchronisés avec le défilement.</p> <p></div><div class="K2FeedFullText"></p> <p style="text-align: center;"><a target="_blank" title="WebDesign Bibliothèque JavaScript d'animation avec le défilement - aos" href="https://michalsnik.github.io/aos/"><img alt="WebDesign Bibliothèque JavaScript danimation avec le défilement - aos" src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Bibliothèque_JavaScript_danimation_avec_le_défilement_-_aos.jpg" /></a></p> <p>Même si les effets sont comparable à la bibliothèque WOWJS, la mise en oeuvre est différente puisque c'est des feuilles de styles CSS3 qui produisent l'effet d'animation.</p> <p>De plus, Les effets générés sont reversibles.</p> <p>Enfin, comme elle est téléchargeable sous <a target="_blank" title="licence MIT" href="https://fr.wikipedia.org/wiki/Licence_MIT">licence MIT</a>, vous pouvez l'utilisez pour vos prochains projets de sites web, l'adapter à vos besoins et surtout participer à son développement.</p></div><div class="K2FeedTags"><ul><li>webDesign</li><li>Bibliothèque</li><li>javascript</li><li>animation</li><li>avec</li><li>défilement</li><li>aos</li><li>licence</li><li>MIT</li><li>open</li><li>source</li><li>site</li><li>web</li><ul></div> <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/c3a2ce1357fb7d27b45c5e0ebfb94c67_S.jpg" alt="Bibliothèque JavaScript d'animation avec le défilement - aos" /></div><div class="K2FeedIntroText"><p>aos est une petite bibliothèque JavaScript vous permettant d'animer des éléments sur votre site web synchronisés avec le défilement.</p> <p></div><div class="K2FeedFullText"></p> <p style="text-align: center;"><a target="_blank" title="WebDesign Bibliothèque JavaScript d'animation avec le défilement - aos" href="https://michalsnik.github.io/aos/"><img alt="WebDesign Bibliothèque JavaScript danimation avec le défilement - aos" src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Bibliothèque_JavaScript_danimation_avec_le_défilement_-_aos.jpg" /></a></p> <p>Même si les effets sont comparable à la bibliothèque WOWJS, la mise en oeuvre est différente puisque c'est des feuilles de styles CSS3 qui produisent l'effet d'animation.</p> <p>De plus, Les effets générés sont reversibles.</p> <p>Enfin, comme elle est téléchargeable sous <a target="_blank" title="licence MIT" href="https://fr.wikipedia.org/wiki/Licence_MIT">licence MIT</a>, vous pouvez l'utilisez pour vos prochains projets de sites web, l'adapter à vos besoins et surtout participer à son développement.</p></div><div class="K2FeedTags"><ul><li>webDesign</li><li>Bibliothèque</li><li>javascript</li><li>animation</li><li>avec</li><li>défilement</li><li>aos</li><li>licence</li><li>MIT</li><li>open</li><li>source</li><li>site</li><li>web</li><ul></div>