I agree that Flexbox makes creating complex layouts easy. But personally, I don't like the number of flexbox related CSS properties that we have to apply to parent and child elements. I find them extremely difficult to remember.
Do you agree that using Flexbox should be made easy in the newer version of CSS? What's your opinion on this? Feel free to shout at me if you think it's only me who's finding Flexbox properties difficult to remember. ;)
I think it would benefit from simpler properties or changing their names. Also it needs something more flexible as default for example having a grid of images with different heights and widths, adapting those sizes to make a not uniform grid image isn't that straightforward. The thing that perhaps is confusing for me is to remember which properties belong to the child elements of the display flex and which of the father and that's why I always go back to css-tricks.com/snippets/css/a-guide-to-flexbox to remember and make a decent flexbox layout. But that's just me
Flexbox is good as is. I'm hoping for css-grid final specifications instead.
Flexbox- while a great new tool for positioning complex layouts currently has a sufficient syntax. It keeps things simple 9 times out of 10 and when you need to get complex then you have supporting properties that allow you to do so. Ultimately flexbox is very complex and involved when you get down to it. But the nice thing is that you can keep it simple almost always. Honestly changing the syntax or even considering it would be premature as it is still a new feature and browser compatibility is finally to a point it can be used without being fearful of browsers barfing at the sight of it. (IE). Give it time to be adopted and abused before you change how it works... Anyway that's my 2 cents
The main problem is that there are three versions of syntax to remember, but nothing that a pre- or postprocessor can't fix. Other than that it's pretty easy.
I found this to be quite handy: css-tricks.com/snippets/css/a-guide-to-flexbox
I've been using it in production without a problem, although a good fallback is handy (display: table / table-cell, or float: left for example) for older IE versions. Yes, some developers still need to support IE8... ;)
It depends on how much you use a particular property. I don't see Flexbox related properties as confusing or hard to remember.
How do you remember so many other CSS properties that are completely different from each other?
Andrea Barghigiani
Web, Creative, Teacher
I think that Flexbox is really easy to understand, you can try and play with it on flexboxfroggy.com it will help you understand how the single property play together with real-time feedback and lots of fun!
Correction: if I do not get wrong there will no be CSS4 since the development on this project has been setted a per-module feature, like HTML5, so it is going to be pointless to add a version number. We see how this will play out since will be really difficult to understand how we can talk to each other :D