mrc's Cup of Joe Blog

Join us in exploring the world of modern development, evolving technologies, and the art of future-proof software

Tutorial: Create a pure CSS navigation menu for your web apps

EducationYou’ve heard the saying, “Don’t judge a book by it’s cover.” It’s good advice, but largely ignored. Whether consciously or subconsciously, we pass judgements based on appearance on a daily basis.

This fact is especially important in business. Studies have shown that people judge a web page/app in less than one second. What does that mean? If you’re building apps for customers or prospects, appearance can affect revenue. If you’re building for internal users, it can affect usability.

Don’t get me wrong–I’m not telling you to focus solely on appearance. I’m telling you not to ignore appearance, because like it or not, an app is judged by it’s appearance first, and usefulness second.

How can you improve your application’s appearance? There are a few ways, but one of the best and easiest way is the navigation menu. A well-designed navigation menu will improve the overall look and feel as well as the usability of the web app. If you’d like to learn a simple way to create a good-looking navigation menu using CSS, we’ve written up a tutorial, which you can find here.

For more tips on usability, this article gives a few more ideas.