In web design, navigation is second only to content. You need good content to sell your ideas, but that content won't mean much if your users can't find what they're looking for. Of course, that was all lost on me when I was just getting started.
My favourite Mac app icons are simple enough to be easily read in the Dock, yet they contain interesting details when viewed up close. They have large vibrant areas of colour, yet they contain enough contrast and shading to give them a sense of volume.
Flexbox promises to save us from the evils of plain CSS (like vertical alignment). Well, Flexbox's deliver on that goal. But mastering its new mental model can be challenging. So let's take an animated look at how Flexbox works, so we can use it to build better layouts.