Been smashin Flexbox lately, it's a significant win for frontend, and now widely supported.<p>I usually have this cheat sheet open:
<a href="http://yoksel.github.io/flex-cheatsheet/#display" rel="nofollow">http://yoksel.github.io/flex-cheatsheet/#display</a><p>I like because it has the "applies to: container/items" clearly shown for each property, which I always forget...<p>The next thing I want to try is using css transitions to "animate" flexbox containers so that dynamic content inside smoothly expands the height of the container down the page, instead of the abrupt jump we're used to. I haven't managed to crack this yet, but heard a rumour that it's possible. So if anyone has tips.... (edit: found this which details the issue, and describes said flexbox trick: <a href="https://css-tricks.com/using-css-transitions-auto-dimensions/" rel="nofollow">https://css-tricks.com/using-css-transitions-auto-dimensions...</a> )