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…

• 10 Jquery components and plugins
• jQuery Navigation Examples
• 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

Dreamweaver Developer Center offers tutorials, samples and related articles as well as news regarding Dreamweaver updates and new features.

You might be willing to use at least some of them for your next projects. Particularly video-tutorials are amazing, don’t forget to check them out.

• lynda.com Online Training Library: Dreamweaver Training
  A very extensive library of Dreamweaver Video-Tutorials with more than 87 hours of professional, quality material. You can could get your free 24-Hour Pass to the Online Training in the Lynda Freepass Section.
  
  
• Dreamweaver - Wikivid
  Over 160 video-tutorials from dozens of web-sites, available for preview and download. Among themes, covered in the list are Basics, Tables, Layers, Databases, MySQL, Flash, Shortcuts, Dreamweaver MX 2004, Dreamweaver MX, Dreamweaver 4.0, Dreamweaver 3.0.
• WZ2K: Digital Illusions Explained
  Over 200 video-tutorials. Among them the tutorial series Dynamic Dreamweaver, Dreamweaver CSS, Web Application Development, Total Training - Adobe Dreamweaver / Adobe Photoshop, 100% CSS Design.
• Free Dreamweaver 8 video tutorials
  27 Dreamweaver Video Tutorials.
• Free Dreamweaver Video Tutorial s - Total Training
  References to Dreamweaver video- and text-tutorials, references and books.

Tutorials for Beginners

Read more…

• 100 Best of jQuery Tutorials and Examples
• Top 25 CSS Clean Sites