Front-end & UXL'Iceberg du CSS : Plongée dans les abysses du moteur de rendu
Cette session propose de passer de la **bidouille CSS** à une **approche d’ingénierie**. À travers la métaphore de l’iceberg, elle explore les différentes couches du langage : de la cascade aux contextes d’empilement et au moteur de rendu. Objectif : **comprendre structurellement le CSS** et dompter ses comportements cachés.
"Le CSS, c'est facile : color: red, display: flex et c'est fini." C'est ce qu'on se dit tous... jusqu'au jour où un z-index refuse de passer au premier plan ou qu'une marge ne s'applique pas, nous coûtant 2 heures de debug frustrant.
Dans cette session, nous allons dépasser la "programmation par le hasard" (je change des valeurs jusqu'à ce que ça marche) pour adopter une approche d'ingénierie. En utilisant la métaphore de l'Iceberg, nous partirons de la surface pour descendre progressivement vers les mécanismes internes du navigateur et des fonctionnalité de plus en plus obscures du css:
- Surface : Les sélecteurs, la cascade, etc.
- Profondeur : Le Stacking Context (pourquoi ton z-index t'ignore), les Block Formatting Contexts (BFC), etc..
- Abysses : Le fonctionnement du moteur de rendu (Render Tree, Layout, Paint), l'enfer des préfixes, blue beanie, etc.
Vous repartirez avec une compréhension structurelle du CSS pour ne plus jamais subir vos mises en page et des supers fun facts pour votre prochain dinner mondain.
comments.speakerNotEnabledComments