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.

How to help users be successful with the forms you are designing Filling out forms isn't a thing that anyone likes to do. It just isn't fun, it is something that we have to do, a means for getting something done, merely a tool.

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.

If I type too much up here, you'll just end up skipping to the GIFs anyway, but in case you did read this, add a comment to this article saying "Jon, you had me all wrong! My interest hangs on your...