Une présentation succinte d’une animation réalisée il y a peu et utilisant le format d’image SVG. J’ai décidé pour cela de m’initier à la librairie Javascript Snap.SVG afin de manipuler un dessin créé et exporté au format SVG avec Illustrator.
Auteur/autrice : Hugo Chaume
Effet de roll-over CSS sur un bouton avec la pseudo classe ::after
Un court article aujourd’hui pour présenter un effet de rollover sur un bouton que j’ai codé en CSS seulement (pas de Javascript). J’ai découvert cet effet sur le web, je le trouvai intéressant et j’ai donc décidé de coder un bouton reproduisant le même effet.
Utiliser Grunt et Bower avec WordPress et Bootstrap
Je vais présenter aujourd’hui une méthode de travail et des outils permettant aux designers web, intégrateurs et développeurs d’améliorer leur workflow en automatisant des tâches qu’ils doivent répéter à chaque projet d’intégration web. Pour présenter les outils, j’utiliserai un projet « clé-en-main » que j’utilise quand je commence un projet et que j’ai mis à disposition sur Git Hub : grunt-wordpress-theme. Le contexte sera celui d’un début de thème Wordpress utilisant Bootstrap mais on verra qu’il peut facilement être utilisé dans le cadre d’une intégration de template HTML5 et CSS ou pour l’intégration d’un thème pour un autre CMS.
Partagez et éditez votre code avec Codepen.io
Je veux aujourd’hui présenter un outil que j’ai commencé à utiliser il y a peu : CodePen. CodePen est un éditeur de code en ligne destiné aux designers et intégrateurs web. Il permet de partager facilement du code HTML, CSS et Javascript éditable à la volée par tous.
Installation du LMS Moodle : quelques étapes clefs
Aujourd’hui un cours article concernant l’installation du LMS (Learning Management System) Moodle. Moodle est une système gratuit et open-source permettant d’installer relativement facilement une plateforme elearning au sein de votre organisation. Moodle est mondialement utilisé, disponible dans plus de 120 langues. Il dispose d’une communauté en ligne très active et vous trouverez souvent sur le web des réponses à vos questions concernant d’éventuels problème. Cependant, il y quelques choses qu’il est bon de savoir quand on installe Moodle.
Designers web : animez vos contenus avec scrollReveal.js
L’article d’aujourd’hui présente un petit plugin Javascript permettant facilement à un designer ou un intégrateurs web d’ajouter de l’animation à ses contenus : scrollReveal.js. Les animations apparaîtront au fur et à mesure que l’utilisateur scroll vers le bas et permettront de rendre plus dynamiques des page qui paraissaient un peu terne.
WordPress et sites multilingues : l’extension qTranslate X
L’article d’aujourd’hui présente rapidement une extension de Wordpress permettant de gérer un site multilingue : l’extension qTranslate-X. Je l’ai utilisé avec succès pour un de mes clients.
Intégrer les tableaux aux modules elearning
Les tableaux sont souvent un problème pour les concepteurs elearning. Ils ne sont absolument pas interactifs, présentent souvent beaucoup d’informations, et souvent des informations importantes que le client voudra voir apparaître. Bref, ils apparaissent comme indigestes et n’encouragent pas forcément l’apprenant à s’y intéresser. On va voir aujourd’hui quelques méthodes pour présenter les tableau différemment et comment les agrémenter pour les rendre un peu plus interactifs. Les exemples seront illustrés avec des captures de Storyline.
Trouver des contenus multimédia libres de droit
Un petit article aujourd’hui pour simplement présenter un outil très utile aux designers web, graphistes et concepteurs elearning dans le cadre de la recherche de contenus multimédia libres de droit. Je vais parler ici du site Creative Common Search (CC Search).
Les outils du concepteur multimédia et elearning
Nous avons récemment vu quelques logiciels auteur d’intégration elearning tel qu’Articulate Storyline ou Adobe Captivate. Aujourd’hui, on va se pencher sur tous les outils à disposition du concepteur elearning pour la création des contenus multimédia qu’il intégrera à ses cours : production et retouches de sons pour les voix-off, montage vidéo, création de visuels… Il existe toute une panoplie d’outils que le concepteur devra maîtriser pour devenir un intégrateur multimédia complet.