A quick tip for understanding CSS Flexbox
Quite a few people have difficulty understanding the CSS Flexible Box Model, especially the flex-shrink property. Even brainboxes like Remington Sharp find it tricky:
CSS I get. Flexbox: still. don’t. get. ::sigh::
— Remy Sharp (@rem) November 1, 2014
As a quick tip, I find a helpful way of coming to grips with it is by likening Flexbox to String Theory. Thus, flex-basis is analogous to a Calabi–Yau manifold or similar higher-dimensional analogues of K3 surfaces, and think of flex-shrink as behaving like the 7 compactified dimensions propagating from one point to another by summing probability amplitudes.
Hope this helps.
Buy "Calling For The Moon", my debut album of songs I wrote while living in Thailand, India, Turkey. (Only £2, on Bandcamp.)
4 Responses to “ A quick tip for understanding CSS Flexbox ”
This means we can finally use sensible values like 1/0 + 2Ï€i with flex-grow-and-shrink? Might be the next big thing in exotic layouts… when 5D screens hit the market.
Do you really have to use such fancy words? Analogous, summing, etc. make it unnecessairily complex.
Er is veel onderzoek en statistieken die kunnen worden gebruikt om de selectie van beheerders dekken, maar in het einde, het iedereen denk dat als ze het beste volgend jaar zal zijn. Maar Ray Ban Brillen reproduceren niet van seks, maar seks fout te reproduceren. Voor filmmaker en nieuwe National Geographic Explorer in Residence James Cameron, een persoonlijke liefde voor de exploratie zakt in zijn werk, waardoor films als “Avatar” om mensen bewust te maken van de echte wereld problemen vonk doo
I struggled with Git in much the same way until I realized that branches are homeomorphic endofunctors mapping submanifolds of a Hilbert space. (Reference)