HTML5 and CSS3 have both revolutionised web design and we all see more powerful and functional websites using these two languages.HTML5 and CSS3 have many advantages like faster loading times,greater functionalities and more flexibility.You can apply to any website very easily.

In today’s post we have collected free CSS3/HTML5 menu tutorials and plugins.This is a really huge list.Enjoy..!!

Today you’ll learn how to create your own CSS dropdown menu, without any additional Javascript code. There are no images used and, as usual, minimal HTML markup. Let’s see how is made:

Using CSS3 to produce an expanding menu animation with slide down sub menus.

Each section will expand to reveal the full width image on hover. The unhovered panels with shrink to keep the overall width of the menu the same.The hovered panel menu will expand vertically to reveal descriptive text which can contain any information you want with links possible.

Tested in IE7, IE8, IE9, Firefox, Opera, Safari and Chrome. It should also work in Mac browsers. IE7, IE8, IE9 and Firefox 3.x will see an instant change of image sizing and sub menus.

No javascript, no hacks, no expressions, just CSS and XHTML

The previous demonstration turned through 90 degrees and with the addition of a text menu in each panel.

The menu will function in all the latest browsers but the animation is only seen by Opera, Safari, Chrome and Firefox v4 beta at the moment. Unfortunately this menu will not work in IE6 as this browser only supports :hover on links.

Tested in IE7, IE7 emulation, IE8, IE9, Firefox, Opera, Safari, Chrome, Avant, SeaMonkey, Flock and Maxthon. It should also work in Mac browsers.

Because is very useful and powerful, it is considered as a standard approach to design modern web-applications.Using Ajax you can develop interactive solutions for lightboxes, form validation, search, tooltips, navigation and tables. Always keep in mind its drawback in terms of usability and accessibility. Extensive Ajax means that you can easily confuse your visitors giving them to much control and features.

In recent years jQuery has become the easiest and best supported way to implement simple animations online. JavaScript is exceptionally good at what it does and this article is in no way an argument against it.

However, CSS3 offers a glimpse into a possible future where basic animations are performed with straight CSS completely independent of scripting. Today we’ll take a look at how to use CSS3 to create a fun and unique navigation menu that uses @font-face, transforms and transitions.