Yeah, like that game too, but I still find it hard to remember the attribute to effect relation and I think to play around with the attributes the playground is better suited.
I really like this, but I wish it wouldn't create a history entry for every single parameter that gets changed. Modifying the URL in place is totally sufficient (and I think it's great that you can link directly to results).
Of course I must say I don’t wish any disprespect to pete_b. Efforts like these always appreciated, and it does have value, at minimum allowing others to learn and evolve from it.
It could just be so much more intuitive to illuminate the most important flexbox levers and more effective as a productivity tool to quick prototype results for use in other code.
IIRC, this has been up for a very long time, and was one of the first real Flexbox demos online. So, its likely been abandoned by the dev (for updating/improvement purposes), and left as-is for posterity.
The first time I played with flexbox, I needed something, anything, to show me how it worked, and this saved me the time of making the same thing by hand. It was a great learning tool.
I found a few of these demo sites for flexbox, and I'd hit them when I was trying to figure out a new property or method. Then after awhile, I didn't need them anymore. So I wouldn't ever expect it to be anything more than a teaching tool, not a dev tool.
I don't understand why is there a need for loading delay when a style property is changed. Applying CSS styles to a html element should take effect almost instantly.
[0] https://darekkay.com/dev/flexbox-cheatsheet.html