Bien comprendre CSS3 Flexbox Layout Module.

Commentaires détaillés et TP.

Ratings: 5.00 / 5.00




Description

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 !

What You Will Learn!

  • Comprendre CSS3 Flexbox Layout Module.
  • Savoir intégrer CSS3 Flexbox Layout Module.
  • Utiliser CSS3 Flexbox Layout Module pour créer une mise en page.
  • Aimer CSS3 Flexbox Layout Module !

Who Should Attend!

  • Débutant, Faux débutant.
  • Développeur / intégrateur web n'ayant pas pris le temps de se former sur les Flexbox.