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 Seven. Building Widgets with Progressive Enhancement

When building web sites and applications with progressive enhancement, it’s important to use the x-ray perspective to decide how the basic and enhanced experiences work together, and then follow the best practices for coding the markup, CSS, and JavaScript in an accessible way to provide the best possible experience to the widest range of browsers and devices.

Synthesizing these best practices can be a bit daunting the first time through. So, in this section, we’ll walk step-by-step through detailed examples of a dozen commonly used interactive widgets—like a tabs control, slider, data chart, and dialog—and show how to build them according to our progressive enhancement process.

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