O'Reilly logo

Designing with Progressive Enhancement: Building the Web that Works for Everyone by Maggie Costello Wachs, Scott Jehl, Patty Toland, Todd Parker

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter Eighteen. List Builder

As web applications start to more closely mirror the features of their desktop application cousins, we increasingly encounter situations where native HTML has no precedent for a UI element. One such example is the list builder widget.

In its simplest form, a list builder widget groups a number of words or phrases within an editable area. Each entry is typically “boxed” with a border or background color to make the list easy to scan, edit, and delete; and since each entry is treated like an independent unit, richer interactions like multi-select, drag-and-drop, action buttons, and context menus can be added.

List builder interactions can be found in a variety of common web applications, including:

• Sites with tagging ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required