Chapter Six. Testing Browser Capabilities

When a design includes advanced CSS or JavaScript, developing with progressive enhancement—building content and functionality in semantic HTML, and then layering on more complex styles and behavior—is a strong first step to ensure you can provide a usable experience. But simply separating the markup from presentation and behavior doesn’t ensure that enhancements are served only to browsers capable of rendering them.

Fortunately, there is a way to eliminate the guesswork: testing browser capabilities. Testing what an individual browser can actually do determines with much greater certainty whether it will render page enhancements correctly.

At Filament Group, we consider this to be the most important ...

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.