AJAX - The Complete Reference

PART II

Chapter 8: User Interface Design for Ajax 355

To-Do List Introduction: Delete, Confi rm, and Transition

To move beyond theory into application, we introduce a simple example here to start

bringing the ideas together. The example will start to show the ideas of a “to-do” list

application with which users can manage their favorite things to do. Over this chapter and

the next, the application will be expanded to support the ability to add, edit, and delete

items in the list and will individually apply nearly all the UI techniques presented in the

chapter. In the following chapter, we will bring all the UI components together and address

the architecture of the application so that it interacts with the server side and addresses

architectural concerns such as URLs, back button issues, data transfer optimization,

degradation, and beyond.

To begin our discussion, we apply the transition effect, a modified dialog style, and the

communication status pattern by implementing a delete feature for our list. We will present

FIGURE 8-7 Explore the multitude of transition options