Flexbox. Infographics on technology

 3r366. 3r3-31. I believe many people know the technology of css layout, like flexbox. This technology is written quite a few manuals and manuals. It is simple, it greatly facilitates the development of a web project grid and is supported by many modern browsers. This makes it a popular technology among web developers.
 3r366. Studying new concepts for me, I try to be as concise as possible, but meanwhile, it is informative to express what is being studied graphically, the relationship of some entities to others, their interconnection and behavior. And flexbox was no exception for me. For several evenings, I gathered for myself a review "cheat sheet" by technology, which for a long time hung on my wall before my eyes, until I remembered all the main points on technology.
 3r366. Flexbox. Infographics on technology 3r350.
 3r366. 3r330. 3r3331. 3r350.
3r3338. Links to files in high resolution [/b] 3r340.
Flexbox common

Flexbox sheet A 3r350.
Flexbox sheet B 3r350.
 3r366. 3r362. 3r362. 3r362. 3r366. 3r366. 3r366.
! function (e) {function t (t, n) {if (! (n in e)) {for (var r, a = e.document, i = a.scripts, o = i.length; o-- ;) if (-1! == i[o].src.indexOf (t)) {r = i[o]; break} if (! r) {r = a.createElement ("script"), r.type = "text /jаvascript", r.async =! ? r.defer =! ? r.src = t, r.charset = "UTF-8"; var d = function () {var e = a.getElementsByTagName ("script")[0]; e.parentNode.insertBefore (r, e)}; "[object Opera]" == e.opera? a.addEventListener? a.addEventListener ("DOMContentLoaded", d,! 1): e.attachEvent ("onload", d ): d ()}}} t ("//mediator.mail.ru/script/2820404/"""_mediator") () (); 3r360. 3r366. 3r362. 3r366. 3r366. 3r366. 3r366.
+ 0 -

Add comment