jQuery Dreamweaver Extensions, Resources and Tutorials

The following Dreamweaver extensions and web resources can be used to speed up jQuery implementation into your Dreamweaver websites. Dreamweaver CS4 will provide more support for javascript development including jQuery, Prototype and Spry.

What is jQuery? In a nutshell, jQuery is a library of packaged javascript functions that allow you to create some really cool interaction on your website without knowing all the javascript that powers them. For more jQuery information, head over to jQuery.com and poke around for some great tutorials.

jQuery API Extension for Dreamweaver

Chris Charlton over at XTND.US has a slew of really cool Dreamweaver extensions including this one that simplifies jQuery coding in Dreamweaver. It provides code coloring, snippets and code hints as you create your javascript. See a video of the extension in action and get a free download.

AJAX menu/interface using jQuery and PHP

Michael at VisionMaster Designs presents a compact tutorial that teaches you how to present data using AJAX (using jQuery) with some neat effects. You can use PHP/MySQL to store the data and call it.

Live examples of jQuery

This article on jQuery.com shows a variety of structural markup changes using jQuery. Code is included so you can easily implement the same functions.

Learning jQuery

LearningjQuery.com is an excellent reference for real-life examples of jQuery implementation. The site features tutorials and articles for beginner jQuery users as well as intermediate and advanced coders. It's a must-see site to learn more about jQuery.

jQuery blog at DetachedDesigns.com

Detached Designs provides some great text and video tutorials including the jQuery for Absolute Beginners which features a couple of videos which show you step by step how to download jQuery and create your first applications.

jQuery Tutorials for Designers

WebDesignerWall.com provides a series of 10 visual tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery. Create a simple slide panel, simple disappearing effect, chain-able transition events, accordions, animated hovers, collapsible panels, image replacements and more.

jQueryforDesigners.com

Remy Sharp, an UK developer, runs jQueryforDesigners.com which provides very useful instruction and tutorials for jQuery.

Easy AJAX with jQuery

Akash Mehta has a good article on SitePoint about AJAX, jQuery and how the two integrate. He takes you through an introduction to jQuery and continues by building a simple chat application with AJAX.