This article contains 100 visual tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery. Effects include: Simple slide panel, Simple disappearing effect, Chain-able transition effects, Accordion, Animated hover effect, Entire block clickable, Collapsible panels.

John Resig, creator of the JQuery JavaScript library and author of Pro JavaScript Techniques, is a Mozilla technologist focused on the relationship between Mozilla and the world of JavaScript libraries.

Featured Tutorials of John Resig

• How jQuery Works - This is a basic tutorial, designed to help you get started using jQuery.
• Expandable Sidebar Menu ()- (jQuery Online Movie Tutorial) A basic introduction to jQuery and the concepts that you need to know to use it. Live Demo is here.

15 Days Of jQuery

15 Days Of jQuery-Fantastic tutorials and example code that takes you from zero to hero in no time flat.

Featured Tutorials of 15 Days Of jQuery

• jQuery Online Movie Tutorial by John Resig- Pretty basic stuff… but a good intro to jQuery if you’re new to this.
• Draggable, Droppables, Selectables… Oh My!
• Multiple File Upload Magic With Unobtrusive Javascript
• Rounded Corners with Javascript (jQuery)

Learning jQuery

Learning jQuery- Getting to know the library of choice for unobtrusive JavaScript.

Featured Tutorials on LearningjQuery.com

• Working with Events, part 1
• Animated Scrolling with jQuery 1.2
• Automatic Page Contents
• More Showing, More Hiding

Bassistance

Bassistance- Goes through the basics of jQuery, all the way up to building plugins. Read more…

• Best jQuery Tutorials and examples
• How jQuery Works
• 100 jQuery live samples
• What is jQuery?
• 100 jQuery Tutorials and Examples
• What is jQuery?
• jQuery Tutorials and examples
• Websites for Learning Ajax
• Adobe DreamweaverCS4 Video Tutorials

If you’ve ever wanted to learn about Ajax, there are many sites out there that’ll help you “grok” Ajax and the various technologies surrounding it. Here are  top-notch websites that cover the subject of Ajax.

1. Ajax resource center (developerWorks)

developerWorks, a resource center for developers and IT professionals by IBM, has a dedicated Ajax resource center that hosts plenty of tutorials on Ajax. developerWorks tutorials are in-depth and lengthy, and you can learn a variety of information and techniques from them such as creating RIA applications with jQuery and Ajax, learning about Ajax security tools, and building an Ajax-based chat system.

2. Mozilla Developer Center (AJAX)

The Mozilla Developer Center has an AJAX section that’s a great starting point for beginning developers or those that need to brush up on Ajax.  The Getting Startedguide on MDN is an excellent starting point to learn about the basic concepts of Ajax. Another MDN guide you might be interested in reading is the entry on XMLHttpRequest, the primary mode of communicating with server-side scripts in typical Ajax approaches. Read more…

• 100 Best of jQuery Tutorials and Examples