Aujourd’hui, petite revue de Timber Twig, un plugin WordPress permettant l’utilisation du moteur de templates PHP Twig pour le développement de thèmes. Twig Twig est un moteur de template PHP. Un moteur de template permet de séparer la vue (le HTML) de la « mécanique » du site (le PHP). Il permet de travailler de manière plus… Poursuivre la lecture Timber Twig : utiliser Twig pour développer un thème WordPress
Catégorie : Design web
Faire un aperçu de son site responsive design
Aujourd’hui, je partage simplement l’outil que j’utilise pour créer des aperçus des sites que je développe.
Intégration Bootstrap : quelques ressources utiles
Un petit tour d’horizon de quelques composants, librairies et plugins Javascript ou jQuery que j’utilise lors d’intégrations avec le framework Bootstrap (intégration de pages web, de modules elearning en HTML5…) pour ajouter des fonctionnalités et de l’interactivité aux pages.
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.
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.
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.
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).
Ouverture du blog
Ça y est le blog est ouvert, bientôt des articles intéressants à venir concernant le elearning, le formation à distance et le web !