Hacker News Reader

Here is the best visual approach ive seen to designing flexbox layouts: http://flexboxgame.com

This is great. Until now, I have been using the "flex box froggy" game for reference. It has been faster for me to recall flex-box CSs rules by scrolling through levels in that game than reading any "real" documentation.

The link you shared above is a big upgrade.

I really like what safari has done with its devtools for the style editor.

Right-click inspect element selects the element you want to modify. Then change CSS properties in a GUI editor. Only problem is persistence.

I love designing and tweaking with devtools iteratively.

A lot of things are done in editors because it gives you a lot of control of logic. Designing assets in visual language like flash makes a lot of sense.

Unity has the same idea. Create your assets visually and assign behaviors to it via code. Their GUI/code fusion is pretty cool.

Writing a public var in a class exposes it in GUI and makes it bindable to other things via click and drag.

Flexbox Game doesn't support Firefox 53 yet, but I can vouch for Flexbox Froggy as well as Flexbox Defense http://www.flexboxdefense.com/

Reply on news.ycombinator.com