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.

Get Designing with Progressive Enhancement: Building the Web that Works for Everyone now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.