CATALOGUE Code & Data Formation XHTML/CSS Maîtrisez le préprocesseur CSS : SASS

Détails de la leçon

Description de la leçon

La bibliothèque COMPAS offre diverses fonctionnalités graphiques, certaines plus utiles que d'autres. Parmi les indispensables, le rythme vertical, une analogie de la musique, joue un rôle crucial. En typographie, une utilisation régulière de l'espace crée un rythme qui maintient l'intérêt du lecteur.

Dans le contexte du web, le rythme vertical consiste à organiser l'espacement du texte au fur et à mesure que le lecteur parcourt la page. Ceci peut être obtenu en combinant plusieurs facteurs : la hauteur de ligne, la taille de la police, les marges et les marges de remplissage. Tous ces éléments doivent être soigneusement calculés pour assurer que le rythme soit maintenu tout au long de la page.

A travers cette leçon, nous apprendrons à configurer ces éléments dans Compass, à créer des variables pour la taille de police et la hauteur de ligne de base, et à utiliser les mixins Compass pour ajuster les tailles de police et les bordures afin de conserver un rythme vertical cohérent.

Objectifs de cette leçon

Les objectifs de cette leçon incluent :

  • Comprendre le concept de rythme vertical en typographie.
  • Apprendre à utiliser Compass pour établir un rythme vertical.
  • Configurer des variables pour la taille de police et la hauteur de ligne de base.
  • Utiliser des mixins Compass pour ajuster les tailles de police et les bordures.

Prérequis pour cette leçon

Pour suivre cette vidéo, vous aurez besoin de :

  • Connaissances de base en HTML et CSS.
  • Familiarité avec les concepts de typographie web.
  • Compétences de base en utilisation d'outils CSS préprocesseurs comme Sass et Compass.

Métiers concernés

Le concept de rythme vertical est particulièrement utile dans les métiers suivants :

  • Développeur Web
  • Designer UI/UX
  • Typographe
  • Intégrateur Web

Alternatives et ressources

Si Compass ne convient pas à vos besoins, d'autres alternatives incluent :

  • LESS : Un autre préprocesseur CSS qui offre des fonctionnalités similaires.
  • PostCSS : Un outil plus moderne et flexible pour transformer les styles CSS.
  • Stylus : Un outil de préprocesseur CSS avec une syntaxe plus concise.

Questions & Réponses

Le rythme vertical en typographie est une technique qui utilise l'espacement régulier du texte pour créer un flux visuel harmonieux, similaire à un rythme musical.
Les principaux facteurs pour configurer le rythme vertical sont la hauteur de ligne, la taille de la police, les marges et les marges de remplissage.
Compass facilite l'établissement du rythme vertical en offrant des mixins et des variables qui aident à ajuster la taille de la police, la hauteur de ligne, les marges et les bordures de manière cohérente.