Progressive Enchancement
Wat is Progressive Enhancement?
Progressive Enhancement is een ontwerpfilosofie die essentiele content en een de goede basis voorop en uiteindelijk stap voor stap verbetert wordt. Hierdoor zorgt het ervoor dat gebruikers met de nieuwste / meest recents browsers de best mogelijke ervaring meekrijgen. Progressive Enhancement is goed te vergelijken met een metafoor, namelijk de roltrap. Als de roltrap niet meer werkt, kunnen mensen nog steeds van A naar B komen door het trapgedeelte van de roltrap te gebruiken, deze blijft ten alle tijde beschikbaar wat er ook gebeurt.
Dit principe moet dus toegepast worden op het web, doormiddel van progressive enchancement zorgen wij als ontwikkelaars ervoor dat onze website tijdens slechte internetverbinding, verouderde browser, op mobiel etc. nog steeds in grote lijnen werkt. En dat de gebruiker de website kan blijven gebruiken.
Hieronder een aantal voorwaarden voor progressive enchancement zelf:
- Basiscontent moet toegankelijk zijn voor alle webbrowsers
- Basisfunctionaliteit moet toegankelijk zijn voor alle webbrowsers
- Spaarzame, semantische opmaak bevat alle inhoud
- Verbeterde lay-out wordt geleverd door extern gekoppelde CSS
- Verbeterd gedrag wordt geleverd door onopvallende, extern gekoppelde JavaScript
- De webbrowservoorkeuren van de eindgebruiker worden gerespecteerd
(bron: FreeCodeCamp)
Voorbeelden van Progressive Enchancement:
- semantische HTML > CSS > Javascript
-
van mobile first naar desktop
Door eerst mobile first als basis te hebben, werk je eerst voor de minst complexe browsers iets uit,
hoe groter hoe complexer de browser wordt. - progressive webapps die bijna net zo goed werken als native apps
- Websites die ook zonder javascript werken
Bronnen