Spry in a Nutshell

• Spry is implemented as a set of JavaScript libraries. To use Spry on a page, simply include the JavaScript library that contains the Spry features you need, use those features on your page, and then deploy that JavaScript file to your site along with your page.
• Spry has three parts: Spry Data, Spry Widgets and Spry Effects. They can be used together or independently of one another.
• No browser plug-ins or server-side modules are required for Spry to work.
• Dreamweaver CS3 has features that ease the development of Spry pages but Spry itself is completely tool-agnostic. Any code editor can be used to develop Spry pages.

Widgets

• Spry widgets are advanced web components expressed in basic HTML markup, CSS and a little JavaScript.
• Customization and styling is easily done using your existing HTML & CSS skills.
• Spry widgets are accessible. They respond to keyboard navigation and degrade gracefully when JavaScript its turned off.

Check out the Spry Widget samples

Data

• The Spry Data set transforms complex data sources into a familiar row/column format that can be placed anywhere within your page.
• Supported data sources include XML, JSON and HTML
• Easily add Dynamic Regions to your page that control retrieval and placement of data without writing any JavaScript.

Check out the Data set and Dynamic Region samples

Effects

• Spry effects allow you to add smooth and graceful transitions to almost any element on your page
• A single line of JavaScript is used to add an effect to your page.
• Effects can highlight information, create animated transitions, or visually alter a page element for a certain period of time

Check out the Spry Effects samples