article(s) dans votre panier VOIR

Les outils de graphisme avancés du préprocesseur CSS Less

  • Vidéo 12 sur 20
  • 1h20 de formation
  • 20 leçons

Un contenu flash devrait s'afficher ici. Votre navigateur ne comporte pas de plugin flash, ou il ne s'est pas correctement initialisé.

Vous pouvez télécharger le plugin flash depuis le site d'Adobe à l'adresse suivante : http://get.adobe.com/flashplayer/.

Pour accéder à la suite de cette formation, vous devez vous abonner.
previous
summary
resume
next
play
Les outils graphiques avancés
00:00 / 12:00
HD
fullscreen
Je m’abonne
à partir de 16,6 € / mois
  • Visionnage en ligne
  • Accès illimité à toutes nos formations
OU
J'achète uniquement
la formation
24,90€
  • Téléchargement + VOD à vie
  • Accès uniquement à cette formation

Détails de la formation

Dans ce cours vidéo concernant le préprocesseur CSS Less, le formateur vous explique les outils graphiques avancés du langage Less. Ce cours vidéo a pour objectif de découvrir les différents outils graphiques de Less. Il est à noter que quelques commandes du logiciel Photoshop sont prises par défaut dans Less. Vous pouvez par exemple modifier la saturation d’une couleur à partir de la fonction Saturate. Il est également possible de désaturer en utilisant la fonction Desaturate. A part cela, vous trouvez aussi les fonctions Darken et Lighten. Darken est utilisé pour rendre une couleur plus foncée. Par contre Lighten vous permet d’éclaircir une couleur. Vous avez également la possibilité de changer la teinte. Pour cela, vous utilisez le Spin. En ce qui concerne la rédaction des instructions à partir de ces fonctions, vous utilisez le même procédé que Saturate et Desaturate. Cela signifie que si vous souhaitez éclaircir la couleur du fond de votre page l’instruction est comme suit background : lighten (color, 20%). A la place du code Color, vous indiquez la couleur du fond. 20% signifie que la couleur choisie est éclaircie de 20%. En notant bien qu’il s’agit d’une valeur par défaut. Ce qui implique que vous pouvez modifier cette valeur. Pour changer la teinte, vous utilisez la même instruction. En n’oubliant pas évidemment de remplacer la fonction Lighten par Spin. Pour conclure, vous pouvez maintenant améliorer le visuel de votre page à partir de ces outils.