Je crois que beaucoup de gens connaissent la technologie de composition css sous le nom de flexbox. Pas quelques manuels et manuels ont été écrits sur cette technologie. Il est simple, facilite grandement le développement d'une grille de projet Web et est pris en charge par de nombreux navigateurs modernes. Cela en fait une technologie populaire parmi les développeurs Web.
En étudiant de nouveaux concepts pour moi, j'essaie de manière aussi concise que possible, mais en attendant j'exprime de manière informative ce qui est étudié sous forme graphique, la relation de certaines entités avec d'autres, leur relation et leur comportement. Et la flexbox ne faisait pas exception pour moi. Pendant plusieurs soirées, je me suis réuni un aperçu "triche" sur la technologie, qui a longtemps été accroché à mon mur devant mes yeux, jusqu'à ce que je me souvienne de tous les principaux points de la technologie.
Mes collègues et amis, dont la profession liée au développement Web, étaient souvent invités à partager une "feuille de triche" pour un usage personnel, ce qui m'a finalement amené à partager mes notes avec la communauté habr.
L'infographie est divisée en 3 feuilles, pour faciliter l'impression et la mise à l'échelle. 1 feuille principale comprenant la vue d'ensemble de la technologie et 2 feuilles supplémentaires divisant simplement la feuille principale en 2 parties.
Liens de fichiers haute résolution