13 Reasons Why Your Brain Craves Infographics [HTML 5] Quel outil utiliser pour vos images interactives ? Ajouter des éléments interactifs à une image permet souvent d’économiser de nombreux paragraphes d’explication et d’exploiter tout le potentiel visuel d’un article. Trois outils en ligne permettent aujourd’hui de créer des images interactives. Si vous n’êtes pas convaincu(e) par l’intérêt pour les journalistes d’utiliser l’image interactive, lisez notre liste des 7 raisons de le faire. ↑1 » Thinglink Thinglink a tout de l’outil idéal. Il assure le support natif d’un nombre incroyable de services en ligne : C’est à dire qu’en indiquant l’adresse d’une vidéo Youtube, d’une photo Flickr ou d’une compte Twitter, l’outil embedde automatiquement leur contenu dans son infobulle.
Deuxième avantage : la variété des icônes disponibles, qui permet au lecteur de différencier aisément une vidéo d’un lien Amazon ou d’un compte Facebook. Troisième point fort : la facilité d’utilisation. Quatrième atout : la dimension très sociale du service. Voilà ce que cela donne : ↑2 » Stipple [/MàJ] Le résultat : 3 outils pour créer des images interactives. L’interactivité est un aspect intéressant en éducation. Regarder une image c’est une chose, mais regarder une image avec des éléments interactifs est une façon d’optimiser l’expérience de l’élève. Ceci peut permettre d’expliquer des concepts plus compliqués, de consolider des apprentissages et même de promouvoir une idée. Je suis tombé sur un article de Med Kharbach sur 3 outils en lignes qui permettent de créer des images interactives et de les partager facilement. Voici donc un résumé de cet article avec quelques ajouts.1) Thinglink Thinglink est de loin le plus populaire des trois.
L’utilisation de l’outil est assez simple. Pour terminer avec cet outil, voici une présentation de Donna Baumbach qui montre 74 utilisations de Thinglink en éducation. 2) PiktoChart PiktoChart permet de faire des infographies, mais avec un aspect d’interactivité. 3) Glogster Glogster permet de créer des images interactives dans un réseau social. Source image femme et écran: Dan Zen sous licence CC. CC Search. SketchUp | 3D for Everyone.
S Website | A complete list of responsive JQuery sliders. 1. Elastic Image Slideshow with Thumbnail Preview DemoDownload A simple elastic slideshow with thumbnail preview. The slideshow can adjust automatically to its surrounding container and user can navigate through the slides by using the thumbnail previewer or the autoplay slideshow option. To make this slideshow responsive, it's used a mixture of JavaScript and CSS techniques. 2. FlexSlider DemoDownload An awesome, fully responsive jQuery slider toolkit.
Simple, semantic markup Supported in all major browsers Horizontal/vertical slide and fade animations Multiple slider support, Callback API, and more Hardware accelerated touch swipe support Custom navigation options Compatible with the latest version of jQuery 3. DemoDownload With the responsive awakening in web design it becomes important to not only take care of the visual part of a website but also of the functionality. 4. DemoDownload The Nivo Slider is world renowned as the most beautiful and easy to use slider on the market. 5. 6. L'école Photoshop, tout les tutoriaux pour apprendre Photoshop gratuitement. Cette formation est destinée aux personnes désirant apprendre à utiliser le logiciel Photoshop.
Lisez attentivement cette page avant de vous lancer dans la lecture des (...) Publié mardi 28 septembre 2010 Lorsque vous ouvrez la pour la première fois Photoshop sur votre ordinateur, vous arrivez surement sur un écran similaire à celui situé ci-dessous. Voici une explication (...) Publié vendredi 1er octobre 2010 Grâce à cette leçon vous apprendrez tous les détails pour bien créer un document avec le logiciel Photoshop. Publié mercredi 6 octobre 2010 Lisez cette leçon pour tout savoir sur les outils de la barre d’outils du logiciel Photoshop. Publié mercredi 13 octobre 2010 Dans cette leçon vous apprendrez absolument tout sur les fenêtres et les panneaux de Photoshop, les déplacer, les fermer, accéder à plus d’options etc. cliquez vite (...)
Publié lundi 18 octobre 2010 Publié mercredi 27 octobre 2010 Publié vendredi 3 décembre 2010.
CSS3 Generator - By Peter Funk & Eric Hoffman. Des créateurs de nuages de mots à la portée de tous. L'esthétique du nuage de mots en a fait un outil populaire : des dizaines, voire des centaines de mots sont agencés de manière à ce qu'ils composent une image dans laquelle les mots apparaissant les mieux soient aussi les plus employés. Une carte visuelle qui fait l'affaire de bien des internautes qui peuvent, en cliquant sur les termes, continuer de fouiller le sujet sur les moteurs de recherche, ou connaître en un clin d'oeil les termes les plus employés dans un texte donné.
Voici déjà quelques temps, nous vous avions parlé de Wordle qui est sans doute la plus populaire des applications utilisées pour créer des nuages de mots. Wordle n'est plus seul à proposer ce service. Certes, les applications présentées dans cet article sont en anglais, mais les termes sont assez faciles à comprendre et la langue de l'interface ne devrait pas compliquer leur utilisation.
Du plus simple au plus complet Tagul est plus intéressant à ce niveau. Source :