Skip to content

Front end

Jump to bottom
Lotte Koblens edited this page Feb 9, 2021 · 20 revisions

Front-end

Front-end Week 1: Progressive Enhancement Findings

**Progressive Enhancement **is als het ware een bepaalde ontwerpfilosofie, deze filosofie is de basislijn van de essentiële inhoud en biedt functionaliteit aan zoveel mogelijk gebruikers. De best mogelijke ervaring is dan alleen bruikbaar voor de gebruikers van de meest moderne browsers die dus in staat zijn om alle vereiste code uit te kunnen voeren.
Iedereen heeft dus toegang tot de basisinhoud en functionaliteiten van een website. Hierbij maakt het niet uit via welke browser dit gebeurt of hoe goed de internetverbinding is. Wanneer iemand dus gebruik maakt van een moderne, geavanceerde browser dan wordt er een betere versie van de pagina getoond.

Kernprincipes van Progressive enhancement:

  • De basisinhoud van een webpagina moet toegankelijk zijn voor alle webbrowsers

  • De basis functionaliteiten van een webpagina moeten ook toegankelijk zijn voor alle webbrowsers

  • Alle inhoud zit in ‘dunne’, semantische opmaak

  • Verbeterde lay-out wordt geleverd door CSS dat extern is gekoppeld

  • Verbeterde enhancement wordt geleverd door extern gekoppelde JavaScript 
- Er wordt rekening gehouden met de voorkeuren van de webbrowser van de eindgebruiker

Progressive enhancement wordt op de volgende manier toegepast in de praktijk: voor een website wordt eerst alleen een basiservaring ontwikkelt die toegankelijk is voor alle browser. Hierbij wordt alleen gebruik gemaakt van HTML en CSS en niet van JavaScript. Wanneer de browser ‘modern’ is dan pas wordt de JavaScript ingeladen.

Tevens verbeter je door Progressive enhancement ook de SEO. Je zorgt met PE er namelijk voor dat de basisinhoud ook altijd toegankelijk is voor de spiders van de zoekmachines. Je voorkomt dat er dynamische content wordt getoond die de spider kan hinderen bij het crawlen van de inhoud van de webpagina.

Bronnen:

Clone this wiki locally