Je vous épargne la citation habituelle d’Albert Camus car je pense que nous serons d’accord : pour travailler en groupe, il faut s’assurer que l’on parle tous bien de la même chose. C’est d’autant plus dur que certains concepts de base voient leurs définitions ma…

Les caractères autorisés pour écrire des classes (ou des identifiants) restent nombreux si vous ne souhaitez pas les échapper dans vos styles. Mais la liste se restreint drastiquement si en plus  : vous souhaitez qu’ils soient facilement access…

Les listes à puces sont par défaut verticales ; mais il arrive que graphiquement on souhaite les présenter horizontalement. Les puces qui habituellement marquent chaque élément se voient alors affublées d’un rôle plus proche du séparateur. Cependant,…

En discutant avec les collègues (👋 Fabien et Martin) j’ai pris conscience qu’un lien désactivé n’était pas forcement un simple texte, et qu’il y avait peut-être une sémantique plus riche à transmettre. Voici différentes approches pour partager notre réflexion sur le s…

Pour commencer, connaissez-vous la différence entre les pseudos-classes :focus et :focus-visible ? :focus permet de marquer visuellement l’élément avec lequel on interagit à la souris ou au clavier ; :focus-visible fait la même chose, à la différenc…

Ça vous dit quelque chose ce petit bout de code CSS ? .drawer { height: 100vh; height: 100dvh; } On affecte une valeur pour la hauteur à 100vh ; puis on écrase la propriété avec une nouvelle valeur, cette fois à 100dvh. Les navigateurs qui ne comp…

Vous savez sans doute qu’il est nécessaire d’accoler sur le pare-brise de votre voiture une vignette qui atteste de votre niveau de (non-)pollution afin de pouvoir circuler librement dans certaines villes. Votre véhicule est donc affublé d’une note qui va d…

La couche CSS étant logiquement dédiée à la présentation, il semblait évident que les contenus textes générés via les pseudos-classes ::before et ::after ne soient pas restitués par les lecteurs d’écrans. Ce n’est pas toujours le cas ! Avec l’aide d’experts accessi…

À travers mon métier de développeur front-end qui manipule du contenu éditorial et m’intéressant de près à la typographie, j’ai cherché à comprendre comment fonctionnaient les abréviations. Quels mécanismes permettent de les obtenir ? Comment sont-elles clas…

Ce n’est plus à prouver : notre société actuelle (et encore plus nos métiers informatiques ?) défavorise les femmes. Le féminisme est un combat pour établir un équilibre plus juste, et ce combat passe entre autres par une prise de conscience de l’hégémonie…