This tutorial will show you how to create an amazing slide out menu or navigation for your website. The navigation will be almost hidden, the items only slide out when the user hovers over the area next to them. This gives a beautiful effect and using this technique can spare you some space on your website. The items will be semi-transparent which means that content under them will not be completely hidden.

Create a SSD Virtual Server with DigitalOcean , using this link you get $100 FREE

digital ocean

In this ajax example you will see how to create a menu that will stand out once we hover over it by covering everything except the menu with a dark overlay. The menu will stay white and a submenu area will expand.

This tutorial will show you how to create a horizontally scrolling website and add a parallax scrolling background effect.

This tutorial will show you how to create a neat effect with some images using jQuery. The main idea is to have an image area with several images that slide out when we hover over them, revealing other images. The sliding effect will be random.

This example show you how to make an AJAX-enabled Sticky Note management system. It will give visitors the ability to create notes and move them around on the screen. Every movement is going to be sent to the back-end via AJAX and saved in the database.

This example shows you how to create a simple AJAX website with jQuery using PHP. It is going to have a few pages loaded by AJAX from the PHP back-end, and a complete support of the browser history ? a real pain for any AJAX or Flash site .

If you have a news blog or website, it could be interesting to show the last tweets about a topic. Here you have a jQuery Ajax Example for showing the latest tweets about a certain word or phrase.

Top navigations tend to get the most visual attention when a user first visits a site. Having organized and intuitive navigation is key ? and while most drop down menus may look aesthetically pleasing, developing them to degrade gracefully is also essential. In this tutorial you will learn how to create a sexy drop down menu that can also degrade gracefully.

This animation effects can really surprise you if you are using Safari or Chrome. Here?s you have an example to take a quick look at how the rotateY property can produce a flip effect, and how it can be used to create a super cool Transformers themed top trumps design.

In this ajax example we will be loading the content into the relevant container using ajax instead of the user having to navigate to another page. We will also be integrating some awesome animation effects.

Recent Comments

SSC Result said:

nice post thanks for sharing

movies said:

https://123movies.agency

Amit Sharma said:

Thanks for sharing this information & Nice Blog..

kevin maga said:

very good site

sushmithagowda said:

Great information, thank you for sharing with us.

abc said:

Thanks for sharing this post!!! <a href="http://coupedesameriques.com/les-meilleurs-films-se-deroulant-a-paris-films-tournes-a-paris/">Les ...

W3webschool said:

Great Article. Thank you for sharing! Really an awesome post for every one.

book cleaning services said:

Thanks for a great article.OLA <a href="https://olacleaningservices.com.au/about/">Book Cleaning ...

W3webschool said:

Thanks for sharing such a most informative blog... Waiting for the new updates...

Zuan Education said:

Thanks for your extraordinary blog. Your idea for this was so brilliant. This would provide people with an excellent tally ...