21 Simple and Useful jQuery Tutorials You Might Have Missed

Introduction

Queness is 6 months old now, I have created 21 tutorials that focus on different section of a website (menu, gallery, slider, tooltips, dock, modal window, ajax and jQuery turtorials). jQuery is an amazing javascript framework. I used to use prototype + scriptaculous and mootools, but I found that jQuery has a great documentation, plugins and huge amount of information out there online. It never cease to amaze me.

So, just in case some of you might have missed my tutorials, this is a round up post for all of them and I hope it will able to assist you in the journey of learning jQuery.

Navigation Menu

• Navigation List Menu with Nudging Effect
  
• Vertical Scroll Menu | Demo
  
• Menu with Fadein and Fadeout Effect | Demo
  
• Simple Lava Lamp Menu | Demo
  
• Horizontal Tooltips Menu | Demo
  

Photo Gallery/Thumbnail Gallery

• Image Slide Show with Semi-Transparent Caption | Demo
  
• Image Gallery/News Slider with Caption | Demo
  
• Thumbnail Gallery with Slick Heading and Caption Effect | Demo
  
• Thumbnail with Zooming and Fading Caption Effect | Demo
  
• Four Corners Sliding Door Effect | Demo
  

Tooltips

• Simple CSS + Javascript Tooltip | Demo
  
• Custom Digg Post Sharing Tool | Demo
  

Dock

• Dock Content Tutorial - Dock at Top | Demo
  
• Dock Content Tutorial - Dock at Bottom | Demo
  

Modal Window

• Custom jQuery Modal Window Tutorial | Demo
  

Content Slider

• Create a Vertical, Horizontal and Diagonal Sliding Content Website | Demo
  
• jQuery Tabbed Interface | Demo
  
• jQuery Sliding Tab Menu | Demo
  

jQuery Plugin

• A Really Simple jQuery Plugin Tutorial | Demo
  

AJAX

• Create a Ajax based Form Submission | Demo
  
• A Simple AJAX Driven Website | Demo
  

Final words,

I hope my tutorials are useful to you. I will continue to do my best to produce high quality tutorials and bring more inspiration to you.

Thanks for your support. :)

• TAGS:
• CSS
• HTML
• Javascript
• jQuery
• Tutorial