List of Figures

Chapter 1. Introducing Prototype and Scriptaculous

Figure 1.1. Ratings widget embedded in a web page. The small arrow icons are buttons allowing the user to increase or decrease the number of stars assigned to an item—in this case an article. (Icons are from the “Nuvola” icon set by David Vignoni, http://www.icon-king.com.)

Chapter 2. Introducing QuickGallery

Figure 2.1. The QuickGallery application, showing the contents of a folder with navigation aids to subfolders (along the left side) and to parents (along the top), as a “breadcrumb trail”

Figure 2.2. Stop-start pattern of user interaction in a classic web application

Figure 2.3. The effect of changing directory on the visual layout of QuickGallery

Figure 2.4. The effect on the screen layout of entering and leaving close-up mode

Chapter 4. Using Prototype’s Advanced Ajax Features

Figure 4.1. HTTP traffic generated at each step of the test script, for non-Ajax, content-centric, and data-centric Ajax versions of the QuickGallery app

Figure 4.2. Breakdown of HTTP traffic by MIME type

Figure 4.3. Cumulative use of bandwidth by the Ajax and non-Ajax QuickGallery applications

Chapter 5. Scriptaculous Effects

Figure 5.1. The chapter 5 control panel page

Figure 5.2. The Effects Lab page can help you understand how the effects operate

Figure 5.3. The Effects drop-down list gives you easy access to the core and combination effects

Figure 5.4. “Vanilla” fieldset element with no styling