Progressive enhancement - MichaelChorak/projectTech GitHub Wiki

Progressive enhancement

Progressive enchancement is een techniek waar als eerst de focus wordt gelegd op de content, die moet beschikbaar zijn voor iedereen. Maakt niet uit welke browser of device de gebruiker gebruikt, de main content moet beschikbaar zijn. Daarna ga je je focussen op de styling, dus denk aan CSS. Hierdoor verbeter je het uiterlijk en maakt het een stuk prettiger voor de gebruiker.

Als laatst ga je je focussen op enhancing the experience. Nu ga je allemaal fancy shit toevoegen etc als de browser het ondersteund ~ R.Spier.

Progressive enhancement voorbeeld

Op de bovenstaande afbeelding kan je goed zien hoe het proces er uit ziet.

Voorbeeld Progressive enhancement:

Hier gebruik ik een browser die geen JavaScript ondersteund:

Geen Javascript

Bij de ingredientenlijst kan ik naar beneden scrollen en ingredienten toevoegen: DUS IN DE CORE WERKT DE FUNCTIE.

Nu heb ik mijn JavaScript weer enabled en zie ik dat er een knopje tevoorschijn komt die er voor zorgt dat er meer input velden komen.

Wel JavaScript

Dus met Progressive enhancement zorg je ervoor dat de website/app blijft werken in de core, ook al gaat dat ten koste van fancy shit.

Mocht de browser of device het wel ondersteunen, dan kan je er voor zorgen dan de gebruiker zich in een walhalla bevindt.

Bronnen