Bonjour et bienvenue dans ce module de formation !
Je suis Michael, formateur web indépendant et je vais vous accompagner pour vous faire aimer le modèle de boîte flexible. D'ailleurs qu'est-ce qu'une boite flexible en CSS ? Eh bien, comme son nom l'indique, il s'agit d'une boîte qui va nous permettre de faire du positionnement de manière incroyablement flexible !
Depuis 2012, l'arrivée de CSS3 Flexbox Layout Module a boulversé la façon de structurer nos sites/applications web.
Avant cela, il n'était pas évident de le faire et surtout de régler l'adaptabilité multi écran. Nous étions forcés de composer avec les outils à disposition alors, et on détournait des propriétés CSS de leur mission première pour pallier les manques. C'était à nous de bien réfléchir aux calculs nécessaires pour ne pas risquer de "casser le design" sur d'autres dispositifs (smartphones, imprimante, tablettes, etc.).
Flexbox renverse les rôles: plus besoin de calculs tordus ! Il suffit de déclarer au navigateur où l'on souhaite positionner nos éléments et hop, il n'y a plus qu'à admirer le résultat.
Malgré la simplicité de la boîte flexible, elle n'est pas toujours facile à appréhender quand on démarre. Il y a quelques aspects particuliers qui méritent d'être étudiés pour arriver à bien cerner les subtilités de la flexbox.
Vous ne connaissez pas CSS3 Flexbox Layout Module ? Vous connaissez mais n'avez pas eu le temps de vous y mettre ? Ou encore cela vous rebute ? Alors n'hésitez-pas et suivez cette formation !