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

Effet de placeholder sur un input

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

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

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

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

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

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

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

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...