For training call +44(0)1273 6222 72

Your basket is empty View Cart shopping cart


4 Great CSS & jQuery Navigation Bar Tutorials

Written by Aaron Charlie – Wed 20 Apr 2011

The navigation bar is an important consideration for your website, both in terms of design and usability.  Visitors use it constantly to get to the different parts of your site, so if it is poorly designed or difficult to use your visitors may not enjoy using your site and be reluctant to return.

UPDATE: Since we wrote this post, LOADS more tutorials have hit the web! Check out our NEW 10 BEST jQuery Navigation Bar Tutorials post in our Free Resource section.

However a really well designed dynamic menu that's easy to use can make your site stand out from the crowd. One of the most popular ways of creating animated navigation bars used to beFlash - however with the popularity of iPhones and iPads now (which don't support Flash) no-one in their right mind would make their main navigation elements in Flash as it would render their site unusable on any device running iOS!

Read more about designing for mobile devices in our post about Responsive Web Design and the technologies it uses.

So - is this the end for animated navigation bars? Well - NO!

Enter jQuery and CSS! You can now create animated jQuery navigation bars that will display just fine on iOS. In some cases the full animated functionality might not work on mobile devices, but its still better than Flash which won't display at all!

In this post we’ve collected together a range of tutorials that show how to create animated jQuery navigation bars (with our thoughts on each one!)

Read More

Looking for Online Training?

AgilePM, PRINCE2® & MSP® eLearning

A flexible, cost-effective way to gain your AgilePM, PRINCE2 & MSP qualifications online with our APMG accredited AgilePM eLearningPRINCE2 eLearning & MSP eLearning packages.

ITIL®, PRINCE2®, PRINCE2 Agile®, MSP®, M_o_R®, P3O®, MoP®, MoV® courses on this website are offered by The Knowledge Academy, ATO of AXELOS Limited. ITIL®, PRINCE2®, PRINCE2 Agile®, MSP®, M_o_R®, P3O®, MoP®, MoV® are registered trade marks of AXELOS Limited. All rights reserved.