Vincent De Oliveira Retour accueil

Line-height, cette propriété méconnue

Conférences

Lecture : 3min

Si cet article vous a aidé Buy me a coffee!

Le 13 juin dernier, j'ai eu l'occasion de participer à la KiwiParty, cet évènement web strasbourgeois qui prend de l'ampleur…

Je précise que cet évènement proposant des conférences de qualité, pour pas moins de 250 personnes est organisé par toute l'équipe d'Alsacréations. Et il est totalement gratuit. Je leur tire mon chapeau!

Personnellement, j'y présentais une conférence sur les dessous de la propriété CSS line-height. Beaucoup de questionnement autour de cette présentation, notamment sur le contenu pertinent à traiter sur cette seule propriété. J'avais la pression. Et pourtant, il y en a des choses à dire. Avant même de commencer, je savais que 25min ne seraient pas de trop.

J'espère avoir le temps d'écrire un article complet traitant cette propriété dans le détail. Pour faire court, j'ai donc pu évoquer les points CSS suivants:

  • notion de rythme vertical
  • calcul de hauteur de ligne (line-box), de hauteur d'élément
  • notion de contexte de formatage inline
  • problèmes d'alignements verticaux, vertical-align
  • notion de typographie: ligne de base, ascendante, descendante, aspect-ratio, hauteur d'x

Vous pouvez retrouvez mes slides «line-height cette propriété méconnue» en ligne.

Sinon, je vous conseille également les slides des conférences que j'ai pu suivre et que j'ai trouvées excellentes:

Non pas que les autres étaient mauvaises, mais je n'ai malheureusement pas pu les suivre. Je vous renvoi vers la page Lanyrd de la Kiwi Party si vous souhaitez les découvrir.

Mais la Kiwi Party, c'est aussi le ::before, l'::after, et pour les plus téméraires, l'::after::after. J'ai passé de super moments avec vous. Pour les autres, on se voit l'année prochaine? ;)

Si cet article vous a aidé Buy me a coffee!

CSS, c'est pas si facile! Les masques CSS, vers de nouveaux usages dans le webdesign