SASS et media queries
Cet article traite des mixins pour les media queries avec SASS en définissant et utilisant des largeurs comme points d’arrêts. Cela permet de définir une fois pour toute les...
Sass et Sublime Text 3
Ruby Sass , Syntactically Awesome Style Sheets, a besoin de Ruby pour fonctionner. Si l’on ne dispose pas encore de Ruby, installez-le. Ruby possède un installateur automatique pour Windows....
Snippets woommerce
WooCommerce est un plugin open source wordPress pour le e-commerce. Le plugin est devenu très populaire de part sa simplicité d’installation et de personnalisation, et pour la gratuité de...
Effet de couleurs coulissantes sur un bouton – CSS
On cherche à obtenir un effet de couleurs coulissantes sur un bouton en CSS3. On utilise les pseudo-éléments ::before et ::after pour les fonds de couleurs en position absolute...
Réglages wordPress : zone Widget, zone Menu, barre sociale, RSS et connexion, langages public et privé différents
Voici quelques réglages personnalisés intéressants pour wordPress 4, avec le thème twentyseventeen : Ajouter une zone de widgets en bas de page, Ajouter un menu dans le footer, Ajouter une...
Page de connexion(login) personnalisée | wordPress
La page de login de wordPress se présente comme ceci : Pas très glamour. Pour enjoliver tout cela, on va charger une feuille de style dans la page de...
Boutons Paypal personnalisés
Les boutons Paypal permettent de rapidement offrir un produit à la vente sans la mise en place d’un système compliqué de boutique et de panier. Les ventes sont gérées...
AnimateCSS : plugin pour jQuery
Après avoir fait un article expliquant l’utilisation de animate.css avec jQuery il était bon d’écrire un plugin animateCSS.js permettant d’automatiser la tâche. Ce plugin prend en argument un tableau JSON où l’on...
Réduire la longueur de l’excerpt pour les mobiles – wordPress
L’excerpt de wordPress est le petit résumé d’un article présenté dans la liste des articles du blog, d’une catégorie, d’une recherche, d’étiquettes, de custom post type … Le lecteur a...
Ajuster un input avec un label inline pour s’adapter en largeur
Démo : Input qui s’adapte à toute la largeur du bloc avec un label inline. Nom : Adresse de messagerie : Site web : Les labels sont des blocs...