Jul 7th, 2009 - 16 Comments »
1.Horizontal Animated Menu using jQuery
This tutorial shows you how to create an interactive animated horizontal menu using jQuery that shows more information about particular link when mouse is moved over it.
2. Sliding Menu using jQuery
This tutorial explains how to create a slick icon based sliding menu that shows more information about a link when mouse is moved over an icon.
3. Create a nice menu imitating kwicks jQuery Plugin
If you have ever used the kwicks jQuery plugin, then this is the exact imitation of it. This tutorial explains how to achieve kwicks effect using jQuery.
4. Create a Vertical News Ticker using jQuery & jCarousel Lite
If you need to show some news items on your website, then this is the tutorial you should be looking for to create a vertical news scroller for showing lots of news item in small amount of screen real estate.
5. Horizontal Scrolling Menu With CSS & jQuery
This tutorial explains how to achieve flash like functionality by building a horizontal scrolling menu using just jQuery and CSS
6. Animated Drop-down menu using jQuery
If you are short of space and have some links to display then put them under a nice animated drop-down by following this jQuery tutorial.
7. Rollover Tooltips With jQuery
This tutorial shows how to show tool-tips over navigation icons in a nice animated way to provide more information to user about a particular link.
8. Styling Links Based on File Extensions
If you are linking to documents, presentations or any type of files from your web page then this tutorial is quite helpful, as it shows you how to stylize links based on the file type they point to.
9. Create Flickr like Horizontal Navigation using CSS & jQuery
Inspired by Flickr’s horizontal navigation, then this tutorial shows how to create Flickr like horizontal navigation menu using jQuery.
10. How To Create A â€˜Mootools Homepageâ€™ Inspired Navigation Effect Using jQuery
Create a nice animated vertical navigation menu using jQuery inspired from old mootools homepage navigation.
11. Create a KeyPress Navigation using jQuery
This tutorial shows you how to create navigation menu that works using keyboard strokes without requiring user to hover mouse over menu items.
12. Learning jQuery: Fading Menu – Replacing content
Create a nice fading menu that shows content for each menu item in a nice animated fashion.
13. LavaLamp jQuery Navigation
This tutorial explains how to use jQuery to achieve LavaLamp type interactive navigation effect for horizontal menus.
14. Create a Cool Animated Navigation with CSS & jQuery
This tutorial is flash menu replacement as it shows how to create a cool animated navigation using CSS & jQuery. It looks just like those flash based animated menus but doesn’t use flash.
15. Creating a Floating HTML Menu using jQuery & CSS
This tutorial shows you how to create an animated floating menu using jQuery. Very useful for long content pages.
I hope these tutorials will inspire you to create better and interactive navigation systems. And if you know of some other nice navigation menu using jQuery, feel free to share them in comments below.
Jun 24th, 2009 In AJAX
Multiple file upload forms are sometimes essential for your web application but managing upload from multiple file input boxes becomes a bit tedious and lengthy. But thanks to jQuery using which we can make this task easier too. Today I’m going to create an AJAXified multiple file upload form that uses a lot lesser server side code and also provides a very nice user interface.
Jun 17th, 2009 In jQuery
Using an auto-playing content slider is the one of techniques to show your featured content. It saves you space and makes for a better user experience, and if you add a pinch of eye candy to it, then there is no looking back. Here’s how to create a nice looking featured content slider for your blog or website using jQuery and jQuery UI libraries. Updated to use with jquery UI 1.9.0 and jquery 1.8.2
Jun 12th, 2009 In Wordpress
WordPress 2.8 was released yesterday and it has a long list of new features, fixes and enhancements. Hereâ€™s a round up of 10 incredibly useful tutorials to learn about how to use the new functionality and enhancements of WordPress 2.8
Jun 8th, 2009 In Popular
Wordpress has inbuilt functionality of generating thumbnails of images attached to a post. In this post, i’ll show you how to use them in your WordPress Theme without requiring any third party plugins or scripts and also without even using any custom fields.