Aujourd’hui, petite mise à jour côté développement web avec un projet type d’intégration de Bootstrap réutilisable et utilisant Yarn avec Grunt.
Étiquette : CSS
Articulate Storyline : Problème des polices en export HTML5
Aujourd’hui, petit coup de main avec Articulate Storyline. Comment régler le problème de rendu des polices avec lors d’un export en HTML5 ? Tout d’abord, précisons le problème. Je parle ici du problème de rendu des polices personnalisés sur les champs de texte qui affichent des variables. C’est un problème connu par le support Articulate… Poursuivre la lecture Articulate Storyline : Problème des polices en export HTML5
Intégration d’interface utilisateur avec React
Aujourd’hui, présentation de la bibliothèque Javascript React, avec laquelle j’ai eu l’occasion de travailler récemment pour la première fois en travaillant sur le projet Open Business Labs. En tant que développeur front-end/intégrateur web. je présente ici la partie intégration d’interface graphique et utilisation de composants.
Développement Bootstrap avec Sass
Aujourd’hui petit article de présentation d’une méthode de développement pour Bootstrap avec le préprocesseur CSS Sass.
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.
Création d’un thème pour Drupal 8
Aujourd’hui, présentation d’un thème pour Drupal 8. C’est mon premier thème sur ce CMS et il est basé sur Bootstrap pour être responsif. Le but est de faire une petite présentation rapide de ce qu’il contient et comment l’utiliser. Il m’a permis de tester la dernière version de cet excellent CMS et de travailler avec Twig, le moteur de template PHP utilisé également dans Symfony.
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.