Responsive design avec Bootstrap et LESS

Bootstrap est un des frameworks CSS/JS les plus utilisés sur le web pour le développement de site adaptatifs et lisibles sur tous supports (mobiles, laptops, portables…) ou responsive design. C’est aussi un de mes choix favoris pour l’intégration de templates HTML avant l’intégration éventuelle sur un CMS comme Wordpress, Drupal ou Joomla. Je vais présenter ici ma méthode de travail qund je développe avec Bootstrap et le pré-processeur CSS LESS.

WordPress : exclure une catégorie d’articles du site sans plugin

Petite explication Wordpress aujourd’hui. Récemment, pour le blog d’une cliente à Lyon, j’ai dû exclure une catégorie du site, de manière à ce que les articles soit publiés sur le site mais ne soient accessibles que si on a l’url directe (envoyée via une newsletter aux abonnés).

Publié le
Catégorisé comme Non classé Étiqueté , , ,

Estimer le coût de la création de modules elearning

Aujourd’hui, un article traitant de la création de modules elearning, et, plus particulièrement, de l’estimation du coût d’un tel projet. Proposer une estimation de tarif précise pour une prestation d’ingénierie pédagogique et/ou de médiatisation d’un storyboard n’est pas une tâche facile. En effet, de nombreux paramètres entrent en compte : voix-off, niveau d’interactivité, création d’un template pour le module, recherche ou non de visuels…

Un peu d’animation SVG avec Snap.SVG

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.

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.

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.