Displaying items by tag: avec agence de service informatique, webdesign, graphisme et agence de communication partagé pour les PMEs au Luxembourg, France et Belgique https://noemiconcept.com/index.php/departement-informatique/webbuzz-tech-info/tag/avec.feed 2024-05-09T03:40:55Z Joomla! 1.5 - Open Source Content Management La detection de visages sur les Images et Videos avec jQuery 2014-11-07T06:40:59Z 2014-11-07T06:40:59Z https://noemiconcept.com/index.php/en/departement-informatique/webbuzz-tech-info/206527-webdesign-la-detection-de-visage-sur-les-images-et-videos-avec-jquery.html Olivier Ruffin olivier.ruffin@noemiconcept.com <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/2ae579f258f17feebe78c639b87b076c_S.jpg" alt="La detection de visages sur les Images et Videos avec jQuery" /></div><div class="K2FeedIntroText"><p>&nbsp;Ce Plugin jQuery détecte les visages sur les images et les vidéos et permet d'obtenir leurs coordonnées..</p> <p>&nbsp;</p> </div><div class="K2FeedFullText"> <p>&nbsp;</p> <p style="text-align: center;"><a href="https://facedetection.jaysalvat.com/" target="_blank" title="WebDesign La detection de visage sur les Images et Videos avec jQuery"><img alt="WebDesign La detection de visage sur les Images et Videos avec jQuery" src="https://www.noemiconcept.com/images/stories/articles/WebDesign_La_detection_de_visage_sur_les_Images_et_Videos_avec_jQuery.jpg" /></a></p> <p>Il suit un visage et enregistre les positions du visage dans un tableau.</p> <p>Cette nouvelle fonctionnalité va ouvrir un monde de possibilités pour vos sites web ou vos applications personnels comme professionnels.</p> <p>Enfin, il est open source, et téléchargeable gratuitement</p> <p>&nbsp;</p></div><div class="K2FeedTags"><ul><li>webDesign</li><li>Détection</li><li>visage</li><li>sur</li><li>images</li><li>videos</li><li>avec</li><li>jQuery</li><li>open</li><li>source</li><li>libre</li><li>site</li><li>web</li><li>applications</li><li>gratuit</li><ul></div> <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/2ae579f258f17feebe78c639b87b076c_S.jpg" alt="La detection de visages sur les Images et Videos avec jQuery" /></div><div class="K2FeedIntroText"><p>&nbsp;Ce Plugin jQuery détecte les visages sur les images et les vidéos et permet d'obtenir leurs coordonnées..</p> <p>&nbsp;</p> </div><div class="K2FeedFullText"> <p>&nbsp;</p> <p style="text-align: center;"><a href="https://facedetection.jaysalvat.com/" target="_blank" title="WebDesign La detection de visage sur les Images et Videos avec jQuery"><img alt="WebDesign La detection de visage sur les Images et Videos avec jQuery" src="https://www.noemiconcept.com/images/stories/articles/WebDesign_La_detection_de_visage_sur_les_Images_et_Videos_avec_jQuery.jpg" /></a></p> <p>Il suit un visage et enregistre les positions du visage dans un tableau.</p> <p>Cette nouvelle fonctionnalité va ouvrir un monde de possibilités pour vos sites web ou vos applications personnels comme professionnels.</p> <p>Enfin, il est open source, et téléchargeable gratuitement</p> <p>&nbsp;</p></div><div class="K2FeedTags"><ul><li>webDesign</li><li>Détection</li><li>visage</li><li>sur</li><li>images</li><li>videos</li><li>avec</li><li>jQuery</li><li>open</li><li>source</li><li>libre</li><li>site</li><li>web</li><li>applications</li><li>gratuit</li><ul></div> WebBuzz du 17/11/2017: Boston Dynamics fait le cirque avec ses robots-BD prepare to build a circus with his robots 2017-11-17T06:30:48Z 2017-11-17T06:30:48Z https://noemiconcept.com/index.php/en/departement-informatique/webbuzz-tech-info/208026-webbuzz-du-17-11-2017-boston-dynamics-fait-le-cirque-avec-ses-robots-bd-prepare-to-build-a-circus-with-his-robots.html Olivier Ruffin olivier.ruffin@noemiconcept.com <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/a8347d5d777aa78fe2f331861096a3d5_S.jpg" alt="WebBuzz du 17/11/2017: Boston Dynamics fait le cirque avec ses robots-BD prepare to build a circus with his robots" /></div><div class="K2FeedIntroText"><p><a name="video"></a>Boston Dynamics, la célèbre companie qui crée des robots, a décidé de reconvertir ces robots suite au refus de l'armée de les utiliser car trop bruyant. Et c'est l'industrie du cirque qui a été choisi sans doute à cause de la musique qui couvrira les robots bruyants. Voici leurs exploits en avant-première.</p> <p>Boston Dynamics, the famous company that creates robots, decided to reconvert these robots following the refusal of the army to use them because too noisy. And it is the circus industry that was chosen probably because of the music that will cover the noisy robots. Here are their exploits in preview.</p> <p style="text-align: center;"></div><div class="K2FeedFullText">{flv}Boston_Dynamics_fait_le_cirque_avec_ces_robots-BD_prepare_to_build_a_circus_with_his_robots|640|360|1{/flv}</p></div><div class="K2FeedTags"><ul><li>webbuzz</li><li>Boston</li><li>Dynamics</li><li>fait</li><li>cirque</li><li>avec</li><li>robots</li><li>BD</li><li>prepare</li><li>build</li><li>circus</li><li>with</li><ul></div> <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/a8347d5d777aa78fe2f331861096a3d5_S.jpg" alt="WebBuzz du 17/11/2017: Boston Dynamics fait le cirque avec ses robots-BD prepare to build a circus with his robots" /></div><div class="K2FeedIntroText"><p><a name="video"></a>Boston Dynamics, la célèbre companie qui crée des robots, a décidé de reconvertir ces robots suite au refus de l'armée de les utiliser car trop bruyant. Et c'est l'industrie du cirque qui a été choisi sans doute à cause de la musique qui couvrira les robots bruyants. Voici leurs exploits en avant-première.</p> <p>Boston Dynamics, the famous company that creates robots, decided to reconvert these robots following the refusal of the army to use them because too noisy. And it is the circus industry that was chosen probably because of the music that will cover the noisy robots. Here are their exploits in preview.</p> <p style="text-align: center;"></div><div class="K2FeedFullText">{flv}Boston_Dynamics_fait_le_cirque_avec_ces_robots-BD_prepare_to_build_a_circus_with_his_robots|640|360|1{/flv}</p></div><div class="K2FeedTags"><ul><li>webbuzz</li><li>Boston</li><li>Dynamics</li><li>fait</li><li>cirque</li><li>avec</li><li>robots</li><li>BD</li><li>prepare</li><li>build</li><li>circus</li><li>with</li><ul></div> Outils JavaScript pour travailler avec les fichiers - FileAPI 2013-11-12T06:01:29Z 2013-11-12T06:01:29Z https://noemiconcept.com/index.php/en/departement-informatique/webbuzz-tech-info/206027-outils-javascript-pour-travailler-avec-les-fichiers-fileapi.html Olivier Ruffin olivier.ruffin@noemiconcept.com <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/72a1754340fb8b01310401915302174e_S.jpg" alt="Outils JavaScript pour travailler avec les fichiers - FileAPI" /></div><div class="K2FeedIntroText"><p>FileAPI est un vaste ensemble d'outils JavaScript pour presque tout ce qui touche à l'utilisation des fichiers.</div><div class="K2FeedFullText"></p> <p style="text-align: center;"><a target="_blank" title="WebDesign Outils JavaScript pour travailler avec les fichiers - FileAPI" href="https://mailru.github.io/FileAPI/"><img alt="WebDesign Outils JavaScript pour travailler avec les fichiers - FileAPI" src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Outils_JavaScript_pour_travailler_avec_les_fichiers_-__FileAPI.jpg" /></a></p> <p>Il fournit les fonctionnalités pour le téléchargement de fichiers (simple / multiple) et prend en charge le glisser et déposer, le recadrage des images, le redimensionnement, la gestion de filtres, afficher les propriétés des fichiers et bien plus encore.</p> <p>Les outils sont autonomes et est livré avec une classe PHP qui gère les actions sur le côté serveur.</p> <p>Enfin la documentation qui accompagne cette API est documenté en détail.</p></div><div class="K2FeedTags"><ul><li>outils</li><li>javascript</li><li>pour</li><li>travailler</li><li>avec</li><li>fichiers</li><li>FileAPI</li><li>webDesign</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/72a1754340fb8b01310401915302174e_S.jpg" alt="Outils JavaScript pour travailler avec les fichiers - FileAPI" /></div><div class="K2FeedIntroText"><p>FileAPI est un vaste ensemble d'outils JavaScript pour presque tout ce qui touche à l'utilisation des fichiers.</div><div class="K2FeedFullText"></p> <p style="text-align: center;"><a target="_blank" title="WebDesign Outils JavaScript pour travailler avec les fichiers - FileAPI" href="https://mailru.github.io/FileAPI/"><img alt="WebDesign Outils JavaScript pour travailler avec les fichiers - FileAPI" src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Outils_JavaScript_pour_travailler_avec_les_fichiers_-__FileAPI.jpg" /></a></p> <p>Il fournit les fonctionnalités pour le téléchargement de fichiers (simple / multiple) et prend en charge le glisser et déposer, le recadrage des images, le redimensionnement, la gestion de filtres, afficher les propriétés des fichiers et bien plus encore.</p> <p>Les outils sont autonomes et est livré avec une classe PHP qui gère les actions sur le côté serveur.</p> <p>Enfin la documentation qui accompagne cette API est documenté en détail.</p></div><div class="K2FeedTags"><ul><li>outils</li><li>javascript</li><li>pour</li><li>travailler</li><li>avec</li><li>fichiers</li><li>FileAPI</li><li>webDesign</li><li>site</li><li>web</li><li>open</li><li>source</li><ul></div> Créer des animations facilement avec jQuery - Impulse 2014-09-05T05:25:49Z 2014-09-05T05:25:49Z https://noemiconcept.com/index.php/en/departement-informatique/webbuzz-tech-info/206437-webdesign-créer-des-animations-facilement-avec-jquery-impulse.html Olivier Ruffin olivier.ruffin@noemiconcept.com <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/81e21591ad1d88d1ccbd18bfa8834ec2_S.jpg" alt="Créer des animations facilement avec jQuery - Impulse" /></div><div class="K2FeedIntroText"><p>Impulse est une bibliothèque qui permet la création d'animations basées sur les interactions, avec un accent pour le web mobile.</p> </div><div class="K2FeedFullText"> <p style="text-align: center;"><a title="WebDesign Créer des animations facilement avec jQuery - Impulse" href="https://impulse.luster.io/" target="_blank"><img src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Créer_des_animations_facilement_avec_jQuery_-_Impulse.jpg" alt="WebDesign Créer des animations facilement avec jQuery - Impulse" /></a></p> <p>Vous pouvez créer des animations qui suivent naturellement par les mouvements de l'utilisateur.</p> <p>Plutôt que de regler les propriétés de l'animation sur certain laps de temps, Impulse enregistre une position de départ et de fin, et la vitesse.</p> <p>Impulse n'a pas une grande taille, puisqu'elle fait environ 9 Ko compressée et n'a pas de grandes dépendances.</p> <p>Il ne nécessite pas jQuery, mais il sait comment travailler avec.</p></div><div class="K2FeedTags"><ul><li>webDesign</li><li>créer</li><li>animations</li><li>facilement</li><li>avec</li><li>jQuery</li><li>Impulse</li><li>web</li><li>mobile</li><li>javascript</li><li>open</li><li>source</li><ul></div> <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/81e21591ad1d88d1ccbd18bfa8834ec2_S.jpg" alt="Créer des animations facilement avec jQuery - Impulse" /></div><div class="K2FeedIntroText"><p>Impulse est une bibliothèque qui permet la création d'animations basées sur les interactions, avec un accent pour le web mobile.</p> </div><div class="K2FeedFullText"> <p style="text-align: center;"><a title="WebDesign Créer des animations facilement avec jQuery - Impulse" href="https://impulse.luster.io/" target="_blank"><img src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Créer_des_animations_facilement_avec_jQuery_-_Impulse.jpg" alt="WebDesign Créer des animations facilement avec jQuery - Impulse" /></a></p> <p>Vous pouvez créer des animations qui suivent naturellement par les mouvements de l'utilisateur.</p> <p>Plutôt que de regler les propriétés de l'animation sur certain laps de temps, Impulse enregistre une position de départ et de fin, et la vitesse.</p> <p>Impulse n'a pas une grande taille, puisqu'elle fait environ 9 Ko compressée et n'a pas de grandes dépendances.</p> <p>Il ne nécessite pas jQuery, mais il sait comment travailler avec.</p></div><div class="K2FeedTags"><ul><li>webDesign</li><li>créer</li><li>animations</li><li>facilement</li><li>avec</li><li>jQuery</li><li>Impulse</li><li>web</li><li>mobile</li><li>javascript</li><li>open</li><li>source</li><ul></div> WebBuzz du 16/08/2016: Super-MARIO Bros fait avec Excel-Super MARIO Bros made in excel 2016-08-16T06:36:00Z 2016-08-16T06:36:00Z https://noemiconcept.com/index.php/en/departement-informatique/webbuzz-tech-info/207414-webbuzz-du-16-08-2016-super-mario-bros-fait-avec-excel-super-mario-bros-made-in-excel.html Olivier Ruffin olivier.ruffin@noemiconcept.com <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/e04a49d6b97605945cf648721614c697_S.jpg" alt="WebBuzz du 16/08/2016: Super-MARIO Bros fait avec Excel-Super MARIO Bros made in excel" /></div><div class="K2FeedIntroText"><p>Qui a dit que la suite office ne pouvait pas être amusante ? voici un exemple de ce qu'il est possible de faire avec excel. Bien sur cela prend un peu temps, mais le résultat est réussi.</p> <p>Who said that the office suite could not be fun? Here's an example of what is possible with Excel. Of course it takes some time, but the result is successful.</p> <p style="text-align: center;"></div><div class="K2FeedFullText">{flv}Super-MARIO_Bros_fait_en_Excel-Super-MARIO_Bros_made_in_excel|640|360|1{/flv}</p></div><div class="K2FeedTags"><ul><li>webbuzz</li><li>SuperMARIO</li><li>Bros</li><li>fait</li><li>avec</li><li>Excel</li><li>super</li><li>Mario</li><li>made</li><li>Office</li><li>microsoft</li><li>game</li><li>jeux</li><li>videos</li><ul></div> <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/e04a49d6b97605945cf648721614c697_S.jpg" alt="WebBuzz du 16/08/2016: Super-MARIO Bros fait avec Excel-Super MARIO Bros made in excel" /></div><div class="K2FeedIntroText"><p>Qui a dit que la suite office ne pouvait pas être amusante ? voici un exemple de ce qu'il est possible de faire avec excel. Bien sur cela prend un peu temps, mais le résultat est réussi.</p> <p>Who said that the office suite could not be fun? Here's an example of what is possible with Excel. Of course it takes some time, but the result is successful.</p> <p style="text-align: center;"></div><div class="K2FeedFullText">{flv}Super-MARIO_Bros_fait_en_Excel-Super-MARIO_Bros_made_in_excel|640|360|1{/flv}</p></div><div class="K2FeedTags"><ul><li>webbuzz</li><li>SuperMARIO</li><li>Bros</li><li>fait</li><li>avec</li><li>Excel</li><li>super</li><li>Mario</li><li>made</li><li>Office</li><li>microsoft</li><li>game</li><li>jeux</li><li>videos</li><ul></div> Créer des tableaux de bord en mode terminal avec JavaScript - blessed-contrib 2015-01-22T07:36:06Z 2015-01-22T07:36:06Z https://noemiconcept.com/index.php/en/departement-informatique/webbuzz-tech-info/206631-webdesign-créer-des-tableaux-de-bord-en-mode-terminal-avec-javascript-blessed-contrib.html Olivier Ruffin olivier.ruffin@noemiconcept.com <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/22220d32f3fea19cf5a5d2948430c812_S.jpg" alt="Créer des tableaux de bord en mode terminal avec JavaScript - blessed-contrib" /></div><div class="K2FeedIntroText"><p>blessed-contrib permet de créer des tableaux de bord en utilisant l'art ASCII et javascript.</p> <p></div><div class="K2FeedFullText"></p> <p style="text-align: center;"><a target="_blank" title="WebDesign Créer des tableaux de bord en mode terminal avec JavaScript - blessed-contrib" href="https://github.com/yaronn/blessed-contrib"><img alt="WebDesign Créer des tableaux de bord en mode terminal avec JavaScript - blessed-contrib" src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Créer_des_tableaux_de_bord_en_mode_terminal_avec_JavaScript_-_blessed-contrib.jpg" /></a></p> <p>Il s'appuie sur la bibliothèque <a target="_blank" title="blessed " href="https://github.com/chjj/blessed">blessed </a>et <a target="_blank" title="Node-drawille" href="https://github.com/madbence/node-drawille">Node-drawille</a> qui permette de rendre n'importe quel affichage ascii un peu plus graphique (terminal windows, fenetre SSH ... ).</p> <p>Il dispose en plus d'un grand nombre de Widgets comme l'affichage de graphique linéaire, en barre, l'affichage de jauge, de texte défilant et table.</p> <p>Enfin, il est open source, vous pouvez donc l'utiliser gratuitement et l'améliorer pour l'adapter à vos projets personnels comme professionels.</p></div><div class="K2FeedTags"><ul><li>webDesign</li><li>créer</li><li>tableaux</li><li>bord</li><li>mode</li><li>terminal</li><li>avec</li><li>javascript</li><li>blessedcontrib</li><li>blessed</li><li>drawille</li><li>open</li><li>source</li><li>gratuit</li><ul></div> <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/22220d32f3fea19cf5a5d2948430c812_S.jpg" alt="Créer des tableaux de bord en mode terminal avec JavaScript - blessed-contrib" /></div><div class="K2FeedIntroText"><p>blessed-contrib permet de créer des tableaux de bord en utilisant l'art ASCII et javascript.</p> <p></div><div class="K2FeedFullText"></p> <p style="text-align: center;"><a target="_blank" title="WebDesign Créer des tableaux de bord en mode terminal avec JavaScript - blessed-contrib" href="https://github.com/yaronn/blessed-contrib"><img alt="WebDesign Créer des tableaux de bord en mode terminal avec JavaScript - blessed-contrib" src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Créer_des_tableaux_de_bord_en_mode_terminal_avec_JavaScript_-_blessed-contrib.jpg" /></a></p> <p>Il s'appuie sur la bibliothèque <a target="_blank" title="blessed " href="https://github.com/chjj/blessed">blessed </a>et <a target="_blank" title="Node-drawille" href="https://github.com/madbence/node-drawille">Node-drawille</a> qui permette de rendre n'importe quel affichage ascii un peu plus graphique (terminal windows, fenetre SSH ... ).</p> <p>Il dispose en plus d'un grand nombre de Widgets comme l'affichage de graphique linéaire, en barre, l'affichage de jauge, de texte défilant et table.</p> <p>Enfin, il est open source, vous pouvez donc l'utiliser gratuitement et l'améliorer pour l'adapter à vos projets personnels comme professionels.</p></div><div class="K2FeedTags"><ul><li>webDesign</li><li>créer</li><li>tableaux</li><li>bord</li><li>mode</li><li>terminal</li><li>avec</li><li>javascript</li><li>blessedcontrib</li><li>blessed</li><li>drawille</li><li>open</li><li>source</li><li>gratuit</li><ul></div> Belles barres de progression adaptatives avec SVG animé - ProgressBar 2014-10-21T04:51:51Z 2014-10-21T04:51:51Z https://noemiconcept.com/index.php/en/departement-informatique/webbuzz-tech-info/206501-webdesign-belles-barres-de-progression-adaptatives-avec-svg-animé-progressbar.html Olivier Ruffin olivier.ruffin@noemiconcept.com <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/0197b984120b3e1baaf37c1ebf230ea6_S.jpg" alt="Belles barres de progression adaptatives avec SVG animé - ProgressBar" /></div><div class="K2FeedIntroText"><p>&nbsp;</p> <p> <p>ProgressBar est un script JavaScript affichant de belles barres de progression adaptatives en suivant le tracé de SVG animés.</p> <p></div><div class="K2FeedFullText"></p> <p style="text-align: center;"><a target="_blank" title="WebDesign Belles barres de progression adaptatives avec SVG animé - ProgressBar" href="https://kimmobrunfeldt.github.io/progressbar.js/"><img alt="WebDesign Belles barres de progression adaptatives avec SVG animé - ProgressBar" src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Belles_barres_de_progression_adaptatives_avec_SVG_animé_-_ProgressBar.jpg" /></a></p> <p>Avec ProgressBar, il est facile de créer des formes arbitraires de barres de progression, de changer la couleur de la barre en cours d'animation et de jouer avec de nombreuses autres propriétés comme l'opacité, l'epaisseur du tracé ...</p> <p>Cette bibliothèque fournit quelques formes intégrées comme ligne, cercle et carré, mais vous pouvez également créer vos propres barres de progression avec InkScape ou n'importe quel éditeur graphique vectoriel.</p> <p>ProgressBar est léger et est supporté par tous les navigateurs les plus utilisés, y compris IE9.</p> </p></div><div class="K2FeedTags"><ul><li>webDesign</li><li>belles</li><li>Barres</li><li>progression</li><li>adaptatives</li><li>avec</li><li>svg</li><li>animé</li><li>ProgressBar</li><li>javascript</li><li>site</li><li>web</li><li>inkscape</li><ul></div> <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/0197b984120b3e1baaf37c1ebf230ea6_S.jpg" alt="Belles barres de progression adaptatives avec SVG animé - ProgressBar" /></div><div class="K2FeedIntroText"><p>&nbsp;</p> <p> <p>ProgressBar est un script JavaScript affichant de belles barres de progression adaptatives en suivant le tracé de SVG animés.</p> <p></div><div class="K2FeedFullText"></p> <p style="text-align: center;"><a target="_blank" title="WebDesign Belles barres de progression adaptatives avec SVG animé - ProgressBar" href="https://kimmobrunfeldt.github.io/progressbar.js/"><img alt="WebDesign Belles barres de progression adaptatives avec SVG animé - ProgressBar" src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Belles_barres_de_progression_adaptatives_avec_SVG_animé_-_ProgressBar.jpg" /></a></p> <p>Avec ProgressBar, il est facile de créer des formes arbitraires de barres de progression, de changer la couleur de la barre en cours d'animation et de jouer avec de nombreuses autres propriétés comme l'opacité, l'epaisseur du tracé ...</p> <p>Cette bibliothèque fournit quelques formes intégrées comme ligne, cercle et carré, mais vous pouvez également créer vos propres barres de progression avec InkScape ou n'importe quel éditeur graphique vectoriel.</p> <p>ProgressBar est léger et est supporté par tous les navigateurs les plus utilisés, y compris IE9.</p> </p></div><div class="K2FeedTags"><ul><li>webDesign</li><li>belles</li><li>Barres</li><li>progression</li><li>adaptatives</li><li>avec</li><li>svg</li><li>animé</li><li>ProgressBar</li><li>javascript</li><li>site</li><li>web</li><li>inkscape</li><ul></div> Site personnel avec intégrations de réseaux sociaux - Syte 2012-08-08T08:41:23Z 2012-08-08T08:41:23Z https://noemiconcept.com/index.php/en/departement-informatique/webbuzz-tech-info/205391-site-personnel-avec-intégrations-de-réseaux-sociaux-syte.html Olivier Ruffin olivier.ruffin@noemiconcept.com <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/f0052237c7d5da778564f00ec488d4bd_S.jpg" alt="Site personnel avec intégrations de réseaux sociaux - Syte" /></div><div class="K2FeedIntroText"><p>Syte est un site open source personnel qui intégre de nombreux réseaux sociaux facilement.</p> </div><div class="K2FeedFullText"> <div style="text-align: center;"><a target="_blank" href="https://rigoneri.github.com/syte/"><img alt="WebDesign_Site_personnel_avec_intgrations_de_rseaux_sociaux_-_Syte" src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Site_personnel_avec_intgrations_de_rseaux_sociaux_-_Syte.png" height="538" width="640" /></a></div> <p>Le site est construit avec Django (Python), HTML5 + CSS3 et a une disposition reactive.<br /><br />Ce n'est pas un CMS mais un hub qui affiche le contenu provenant d'autres sources. Pour la création de contenu, il utilise Tumblr. Tout poste créé dans le compte Tumblr défini est automatiquement affiché dans le site Web de Syte.<br /><br />Les réseaux sociaux auxquels l'utilisateur appartient sont en vedette dans une colonne et, une fois que l'un d'eux est cliqué, une barre latérale apparait "avec le contenu de ce réseau" et il est possible de le parcourir.<br /><br />Il y a des intégrations avec Tumblr, Twitter, Instagram, Last.fm, GitHub, Dribbble. D'autres réseaux seront prochainement integrés.</p></div><div class="K2FeedTags"><ul><li>site</li><li>personnel</li><li>avec</li><li>intégrations</li><li>réseaux</li><li>sociaux</li><li>Syte</li><li>web</li><li>webDesign</li><li>pinterest</li><li>tumblr</li><ul></div> <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/f0052237c7d5da778564f00ec488d4bd_S.jpg" alt="Site personnel avec intégrations de réseaux sociaux - Syte" /></div><div class="K2FeedIntroText"><p>Syte est un site open source personnel qui intégre de nombreux réseaux sociaux facilement.</p> </div><div class="K2FeedFullText"> <div style="text-align: center;"><a target="_blank" href="https://rigoneri.github.com/syte/"><img alt="WebDesign_Site_personnel_avec_intgrations_de_rseaux_sociaux_-_Syte" src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Site_personnel_avec_intgrations_de_rseaux_sociaux_-_Syte.png" height="538" width="640" /></a></div> <p>Le site est construit avec Django (Python), HTML5 + CSS3 et a une disposition reactive.<br /><br />Ce n'est pas un CMS mais un hub qui affiche le contenu provenant d'autres sources. Pour la création de contenu, il utilise Tumblr. Tout poste créé dans le compte Tumblr défini est automatiquement affiché dans le site Web de Syte.<br /><br />Les réseaux sociaux auxquels l'utilisateur appartient sont en vedette dans une colonne et, une fois que l'un d'eux est cliqué, une barre latérale apparait "avec le contenu de ce réseau" et il est possible de le parcourir.<br /><br />Il y a des intégrations avec Tumblr, Twitter, Instagram, Last.fm, GitHub, Dribbble. D'autres réseaux seront prochainement integrés.</p></div><div class="K2FeedTags"><ul><li>site</li><li>personnel</li><li>avec</li><li>intégrations</li><li>réseaux</li><li>sociaux</li><li>Syte</li><li>web</li><li>webDesign</li><li>pinterest</li><li>tumblr</li><ul></div> Un plugin jQuery de tableau avec une puissante API - jui_datagrid 2013-02-19T06:56:05Z 2013-02-19T06:56:05Z https://noemiconcept.com/index.php/en/departement-informatique/webbuzz-tech-info/205667-un-plugin-jquery-de-tableau-avec-une-puissante-api-jui_datagrid.html Olivier Ruffin olivier.ruffin@noemiconcept.com <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/a256e7b1a4bd6a5da76d3d960d8f5764_S.jpg" alt="Un plugin jQuery de tableau avec une puissante API - jui_datagrid" /></div><div class="K2FeedIntroText"><p>jui_datagrid est un plugin jQuery, ce qui permet l'utilisation de jQuery UI, qui dispose de beaucoup de fonctionnalités pour la présentation et la gestion des données.</div><div class="K2FeedFullText"></p> <p style="text-align: center;"><a target="_blank" title="WebDesign Un plugin jQuery de tableau avec une puissante API - jui_datagrid" href="https://www.pontikis.net/labs/jui_datagrid/"><img alt="WebDesign Un plugin jQuery de tableau avec une puissante API - jui datagrid" src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Un_plugin_jQuery_de_tableau_avec_une_puissante_API_-_jui_datagrid.JPG" /></a></p> <p>Il intégre les fonctionnalités de pagination, de tri, d'édition, de suppression et de recherche.</p> <p>Le tableau peut être utilisée avec n'importe quel langage de script (une classe PHP est livré avec le package de téléchargement) et son look peut être totalement personnalisé.</p> <p>Une option «Préférences» permet aux utilisateurs de choisir les colonnes et les caractéristiques à&nbsp; afficher ou à cacher.</p></div><div class="K2FeedTags"><ul><li>plugin</li><li>jQuery</li><li>tableau</li><li>avec</li><li>une</li><li>puissante</li><li>API</li><li>jui_datagrid</li><li>PHP</li><li>gestion</li><li>webDesign</li><li>donnees</li><ul></div> <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/a256e7b1a4bd6a5da76d3d960d8f5764_S.jpg" alt="Un plugin jQuery de tableau avec une puissante API - jui_datagrid" /></div><div class="K2FeedIntroText"><p>jui_datagrid est un plugin jQuery, ce qui permet l'utilisation de jQuery UI, qui dispose de beaucoup de fonctionnalités pour la présentation et la gestion des données.</div><div class="K2FeedFullText"></p> <p style="text-align: center;"><a target="_blank" title="WebDesign Un plugin jQuery de tableau avec une puissante API - jui_datagrid" href="https://www.pontikis.net/labs/jui_datagrid/"><img alt="WebDesign Un plugin jQuery de tableau avec une puissante API - jui datagrid" src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Un_plugin_jQuery_de_tableau_avec_une_puissante_API_-_jui_datagrid.JPG" /></a></p> <p>Il intégre les fonctionnalités de pagination, de tri, d'édition, de suppression et de recherche.</p> <p>Le tableau peut être utilisée avec n'importe quel langage de script (une classe PHP est livré avec le package de téléchargement) et son look peut être totalement personnalisé.</p> <p>Une option «Préférences» permet aux utilisateurs de choisir les colonnes et les caractéristiques à&nbsp; afficher ou à cacher.</p></div><div class="K2FeedTags"><ul><li>plugin</li><li>jQuery</li><li>tableau</li><li>avec</li><li>une</li><li>puissante</li><li>API</li><li>jui_datagrid</li><li>PHP</li><li>gestion</li><li>webDesign</li><li>donnees</li><ul></div> Visionneuse jQuery avec support tactile - Swipebox 2013-03-27T07:30:10Z 2013-03-27T07:30:10Z https://noemiconcept.com/index.php/en/departement-informatique/webbuzz-tech-info/205719-visionneuse-jquery-avec-support-tactile-swipebox.html Olivier Ruffin olivier.ruffin@noemiconcept.com <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/76db57210e588900c31be70003e3807f_S.jpg" alt="Visionneuse jQuery avec support tactile - Swipebox" /></div><div class="K2FeedIntroText"><p>Swipebox est un plugin lightbox jQuery qui gère les événements tactiles et fonctionne bien sur les sites webs réactifs.</p> </div><div class="K2FeedFullText"> <p>&nbsp;</p> <p style="text-align: center;"><a target="_blank" title="WebDesign Visionneuse jQuery avec support tactile - Swipebox" href="https://brutaldesign.github.com/swipebox/"><img alt="WebDesign Visionneuse jQuery avec support tactile - Swipebox" src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Visionneuse_jQuery_avec_support_tactile_-_Swipebox.jpg" height="399" width="640" /></a></p> <p>Il peut afficher un seul élément ou un groupe d'éléments (En galerie) où ils peuvent être parcourus avec les touchés&nbsp; de glissement ou en utilisant le clavier.</p> <p>Le plugin utilise la plupart du temps les transitions CSS et dispose des fonctions jQuery pour les navigateurs n'étant pas pris en charge.</p> <p>Les légendes et titres peuvent être affichées avec facilité et peu d'options existent pour la personnalisation (comme le retard apparence de la barre d'action).</p></div><div class="K2FeedTags"><ul><li>Visionneuse</li><li>jQuery</li><li>avec</li><li>support</li><li>tactile</li><li>Swipebox</li><li>webDesign</li><li>css</li><li>site</li><li>web</li><ul></div> <div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/76db57210e588900c31be70003e3807f_S.jpg" alt="Visionneuse jQuery avec support tactile - Swipebox" /></div><div class="K2FeedIntroText"><p>Swipebox est un plugin lightbox jQuery qui gère les événements tactiles et fonctionne bien sur les sites webs réactifs.</p> </div><div class="K2FeedFullText"> <p>&nbsp;</p> <p style="text-align: center;"><a target="_blank" title="WebDesign Visionneuse jQuery avec support tactile - Swipebox" href="https://brutaldesign.github.com/swipebox/"><img alt="WebDesign Visionneuse jQuery avec support tactile - Swipebox" src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Visionneuse_jQuery_avec_support_tactile_-_Swipebox.jpg" height="399" width="640" /></a></p> <p>Il peut afficher un seul élément ou un groupe d'éléments (En galerie) où ils peuvent être parcourus avec les touchés&nbsp; de glissement ou en utilisant le clavier.</p> <p>Le plugin utilise la plupart du temps les transitions CSS et dispose des fonctions jQuery pour les navigateurs n'étant pas pris en charge.</p> <p>Les légendes et titres peuvent être affichées avec facilité et peu d'options existent pour la personnalisation (comme le retard apparence de la barre d'action).</p></div><div class="K2FeedTags"><ul><li>Visionneuse</li><li>jQuery</li><li>avec</li><li>support</li><li>tactile</li><li>Swipebox</li><li>webDesign</li><li>css</li><li>site</li><li>web</li><ul></div>