50 Great Examples of Data Visualization Wrapping your brain around data online can be challenging, especially when dealing with huge volumes of information. And trying to find related content can also be difficult, depending on what data you’re looking for. But data visualizations can make all of that much easier, allowing you to see the concepts that you’re learning about in a more interesting, and often more useful manner. Below are 50 of the best data visualizations and tools for creating your own visualizations out there, covering everything from Digg activity to network connectivity to what’s currently happening on Twitter. Music, Movies and Other Media Narratives 2.0 visualizes music. Liveplasma is a music and movie visualization app that aims to help you discover other musicians or movies you might enjoy. Tuneglue is another music visualization service. MusicMap is similar to TuneGlue in its interface, but seems slightly more intuitive. Digg, Twitter, Delicious, and Flickr Internet Visualizations
Livre blanc : Comment faire un cahier des charges Besoin d’un cahier des charges ? Découvrez le livre blanc pour vous aider à rédiger un cahier des charges pour réussir votre projet numérique. Apprenez pas à pas à rédiger vous même votre cahier des charges pour vos projets numérique. Qu’est ce qu’un cahier des charges ? Avec ce livre blanc, vous allez apprendre pas à pas ce qu’il faut pour rédiger vous même votre cahier des charges pour la réussite de votre projet numérique. Remplissez le formulaire ci-dessous pour obtenir gratuitement votre livre blanc « Comment faire un cahier des charges pour son projet numérique« Bonus : Vous recevrez chaque semaine mes derniers articles publiés chaque dimanche sur mon blog portfolio. Suite au succès de l’article : « Tout ce qu’il faut savoir pour faire un cahier des charges » publié le 21 février 2013 (8093 pages vues), je souhaite vous aider à aller encore plus loin pour vous aider à rédiger vos propres cahiers des charges avec à ce livre blanc gratuit. Pourquoi faire un cahier des charges ?
Comment montrer à mon client un site que je développe sur ma machine ? Tous les développeurs web travaillant en local le savent, il n'est pas simple de montrer le contenu de sa machine locale depuis l’extérieur de son réseau. Heureusement, Ngrok est là pour nous aider ! Une des bonnes pratiques les plus simples à mettre en place, et pourtant une des plus importantes dans le développement web est la suivante : ne JAMAIS travailler sur la production directement, toujours passer par un environnement de développement. Pour cela, de nombreuses solutions existent : utiliser un petit serveur web en ligne de commande pour des langages comme ruby ou python, ou des solutions logicielles comme WAMP. Que ce soit pour obtenir des feedbacks de la part de son client ou simplement tester son site sur mobile et tablettes, les sites développés en local finissent toujours par avoir besoin d'accéder à Internet. Enfin, troisième possibilité et de loin la plus simple de toutes : utiliser Ngrok. Montrer votre travail à vos clients sans déployer avec Ngrok $ ngrok 3000 Mon avis
The Tools Designers Are Using Today Prezi Guide: The 5 Essentials To Stop Your Audience Feeling Sick — Ned Potter Prezi is nothing if not divisive. Some people love it, some people hate it - I'm in neither of those camps. I find it very useful in some situations, but still use good old fashioned PowerPoint Slides for more than half the presentations I give. Prezi should be used for a reason. Prezi is relatively new (it's been around since 2009), it's getting more popular (there are around 40 million users now) and it's improving its interface all the time. Potentially, a great Prezi has the wow factor. The single most important thing about creating a Prezi is the positioning of the objects on the canvas (and directly related to this, the order in which they're visited on the path).
Datavisualization.ch Selected Tools Introduction à Gulp A l’origine, Sass Si vous me lisez depuis quelques temps, vous savez probablement que je suis un fervent utilisateur de Sass. J’ai initialement utilisé SublimeOnSaveBuild pour gérer la compilation automatiquement. Quand j’ai changé d’emploi et que j’ai commencé à travailler avec de nouveaux collègues, j’ai cherché à généraliser l’utilisation de Sass au sein de l’équipe. J’ai donc regardé du côté de Koala, puis de Prepros. Mais ce n’était pas suffisant. Gulp Voilà déjà quelques temps que je lorgnais sur Grunt et Gulp pour améliorer mon workflow. Gulp est un outil de gestion de tâches en JavaScript. Installation Gulp est un outil basé sur NodeJS, il faudra donc avant tout l’installer si ce n’est pas déjà fait. Une fois NodeJS en place, installez gulp : $ npm install --global gulp Hum… c’est bon, Gulp est installé. $ npm install --global gulp-sass Voilà voilà… Fonctionnement Pour commencer, voici un schéma qui va vous suivre jusqu’à la fin de cet article. Les tâches Sass Autoprefixer Minify CSS
Augmentez les performances de vos pages avec Perfmap De nombreux outils existent pour tester la vitesse de chargement de nos pages web et trouver les points bloquants, mais la plupart sont assez lourds à mettre en action. L'outil que je vais vous présenter aujourd'hui démarre d'un simple clic sur un signet : découvrez Perfmap. Testez vos pages sans efforts avec Perfmap Perfmap est un outil très simple : appelez le et il viendra colorer chaque image de votre page en fonction de son temps de chargement. À vous ensuite de voir les points bloquants (rouge) de votre page, et d'optimiser le chargement pour que votre contenu prioritaire soit chargé le plus vite possible. Comme vous pouvez le voir, nous sommes ici loin de la puissance d'un GTMetrix, mais la lourdeur d'utilisation n'est pas non plus la même : pas besoin d'ouvrir une nouvelle fenêtre, pas de temps d'attente, pas besoin de décrypter la page de résultat. Installation Il ne vous reste plus qu'à charger la page que vous voulez tester et lancer le script. Mon avis
ZEPLIN : générez vos "style guides" et vos "assets" sous Sketch Zeplin est un petit outil très puissant qui va plaire à ceux et celles qui utilisent Skecth tous les jours. Il permet de générer le style guide des differents artboards actifs dans Sketch en quelques secondes. Il permet également d’exporter les différents assets dont vous avez besoin, et dont le dev aura besoin par la suite. Regarder plutôt cette vidéo, vous serrez largement convaincu : Tester ZEPLIN pour Sketch How to Insert Super Cool GIFs in Google Docs and Slides | Shake Up Learning Save Pinterest Add Animated GIFs to your Google Presentations and Google Docs! In case you haven’t noticed, animated GIFs, those moving pictures that are almost like videos, are ruling the world. This post is Part 2 in a series on Google Presentations. Note: This works in the entire Google Drive suite of apps! It’s not hard to insert GIFs in Docs and Slides, but there is only one way to make them work. Find a GIF You can use the advanced search filter in Google images to find GIFs. Go to images.google.com and enter your search termsClick on the “search tools” buttonUnder type, select “animated” Copy the Image Address of the GIF Locate the URL (or Image Address as it’s called in Chrome) of the GIF you wish to use. Insert By URL in Docs, Slides, Sheets, Drawings, etc. The only way to get the animation to work is to insert by URL. Inside your document/slide, go to the Insert menu.Select ImageSelect By URLCopy and paste the image address you copied above.Click Select to insert the image.Voila!
think in colour Retour sur l'Apéro #21 chez Studio Meta | WdStr Pour cet apéro #21, nous avons été accueilli chez Studio Meta, encore merci à eux ! Cet évènement était un apéro #sharethelove où chacun pouvait partager ses outils, ses bonnes pratiques, … Nous remercions particulièrement Arnaud qui était le seul à avoir proposé un outil. Mais en creusant un peu, nous avons identifié et discuté de pas mal d’autres outils. 1. Un plugin Photoshop permettant de rechercher des icônes facilement et directement dans l’application au format vectoriel. Inconvénient : pas d’icônes en SVG Ce n’est pas seulement un plugin mais aussi une bibliothèque en ligne permettant de mettre dans le panier et de télécharger dans divers formats IconFont / PNG /SVG / PSD. Voir la ressource 2. Application en ligne pour générer des fonts d’icônes. Il peut y avoir des soucis d’alignement des icônes sur le texte (si on utilise des icônes de différentes bibliothèques et si les icônes sont déjà bien centrés de base). Voir la ressource 3. Voir la ressource 4. Voir la ressource 5. 6. 7. 8.
Gestion des alias dans wamp server | Veille technologique et technique par l'agence de développement web iMDEO De Damien Bouvier dans Technique 26sept2012 Voici une petite astuce afin de gérer facilement les multi-projets dans wamp server sans avoir de problème par rapport aux réécritures d’url. Cette manip permet de transformer l’url : en sans avoir a changer l’alias manuellement dans le fichier httpd.conf à chaque fois que je change de projet.