Die letzten Monate hat sich eine neue Denkweise in die Webdesignwelt eingenistet. Vor der bunten Web 2.0 Bewegung galt häufig Graceful Degration als das Ziel allen Strebens. Dabei wurde jedes Feature so umgesetzt, dass es auch einen sinnvollen Fallback für ältere Browsergenerationen gab. Mit den häufigen Update und automatischen Aktualisierungen hat sich dieses Problem aber – ausgenommen Microsofts Internet Explorer – mehr oder weniger in Luft aufgelöst. Daher musste ein neuer Ansatz gefunden werden.

Progressive Enhancement versucht alle neuen Features von Browsern bestmöglich einzusetzen. Statt sich auf den kleinsten gemeinsamen Nenner zwischen den Browsern zu einigen, versucht man nun eine Basisversion direkt im Browser so weit wie möglich zu verbessern. Ein bekanntes Beispiel sind runde Ecken und Schattenwürfe. Statt mit Hintergrundgrafiken und anderen Tricks zu arbeiten, bietet man für ältere Browser ein einfaches CSS an, inkludiert aber gleichzeitig auch die neuen CSS3-Eigenschaften. Da das CSS3 von älteren Browsern ignoriert wird, erhalten sie nur die Basisversion. Neuere Browser wenden allerdings die Regeln korrekt an und erhalten so eine aufgehübschte Webseite.

.rounded-corners {
   border: 1px solid black;
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   border-radius: 7px;
}

Was mit CSS-Mitteln funktioniert, kann auch auf die clientseitige JavaScript-Programmierung umgelegt werden. Browser, die bestimmte Features nicht unterstützen, bekommen diese einfach nicht mit alten Mitteln zur Verfügung gestellt und müssen mit der Basisvariante der Webseite auskommen.