Exemple de placeholders sur fond de Tre Cime di Lavaredo dans les Dolomites italiennes

Effet de placeholder sur un input

Déc 27, 2020 | CSS

Les éléments de formulaire HTML input possèdent un attribut placeholder qui permet de donner à l’utilisateur une indication sur une information à entrer. Par exemple, si l’on demande un...
Deux boutons toggles agrandis sur fond de fête de ballons montgolfières dans les monts Sandia à Albuquerque au soleil couchant

Input checkbox, bouton toggle

Nov 26, 2020 | CSS

On peut styliser un input type checkbox en un joli bouton toggle. Cela se fait en javascript pour insérer et envelopper l’input avec des éléments label et span. L’élément...
Le logo Grunt, et le texte Part 2 sur fond de la côte du parc d'état Julia Pfeiffer Burns en Californie

Grunt, la suite

Nov 22, 2020 | nodejs

Dans l’article précédent, Grunt, premier pas, on a vu comment définir une tâche, combiner des tâches, et les lancer. Maintenant, on va approfondir l’utilisation de Grunt, en cherchant de...
SASS & Media Queries

SASS et media queries

Mai 1, 2019 | CSS

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 & Sublime text

Sass et Sublime Text 3

Avr 21, 2019 | Code, CSS

Sass build, Sublime Text 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...
Snippets pour wooCommerce

Snippets woommerce

Mai 16, 2018 | wordPress

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...
Sliding colors button

Effet de couleurs coulissantes sur un bouton – CSS

Mai 14, 2018 | 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...
Page de connexion relookée

Page de connexion(login) personnalisée | wordPress

Mai 15, 2017 | 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...