Aujourd’hui petit article de présentation d’une méthode de développement pour Bootstrap avec le préprocesseur CSS Sass.
Catégorie : Intégration web
Javascript, détection du navigateur
Aujourd’hui, un court article de veille technique. J’ai trouvé cette fonction Javascript de détection du navigateur sur Stack Overflow. Je la partage ici car elle me semble utile pour régler un problème de compatibilité entre navigateurs, sujet cher aux webdesigners et intégrateurs web.
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.
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).
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.
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.