Skip to content

Commit

Permalink
Update INSTRUCTIONS.md
Browse files Browse the repository at this point in the history
  • Loading branch information
KoopReynders authored Mar 28, 2024
1 parent 637f962 commit ae12057
Showing 1 changed file with 2 additions and 2 deletions.
4 changes: 2 additions & 2 deletions docs/INSTRUCTIONS.md
Original file line number Diff line number Diff line change
Expand Up @@ -26,9 +26,9 @@ Het doel van deze opdracht is te leren hoe je een website kan ontwerpen en maken
### Progressive enhancement
Progressive Enhancement is een _(coding) strategy_ waarmee je er voor kan zorgen dat je website het altijd doet.

1. Eerst bouw je de _core functionality_ van je website in HTML, zo nodig met server-side rendering. De _content layer_. Zo zorg je er voor dat je website in de meest eenvoudige vorm goed werkt..
1. Eerst bouw je de _core functionality_ van je website in HTML, zo nodig met server-side rendering. De _content layer_. Zo zorg je er voor dat je website in de meest eenvoudige vorm goed werkt.
2. Daarna voeg je CSS toe voor feedback voor de gebruiker en om de huisstijl toe te passen, de _presentation layer_.
3. Tot slot voeg je met CSS en JS extra enhancements toe om de _User Experience_ te verbeteren. Als een browser bepaalde CSS en/of JS niet ondersteund valt het terug naar de laag 1 of 2, zodat de website altijd werkt.
3. Tot slot voeg je met CSS en JS extra enhancements toe om de _User Experience_ te verbeteren. Als een browser CSS en/of JS niet ondersteund valt het terug naar laag 1 of 2, zodat de website altijd werkt.

![image](https://github.com/fdnd-task/progressive-enhancement/assets/1391509/f6d0490b-6748-4fc8-8a63-d33d2f2d0b68)
<br><small>_The skateboard may be a little slower, but it doesn’t stop the user getting to where they want to go. So, if the user’s browser doesn’t support JavaScript or modern CSS then it doesn’t break_ - Andy Bell
Expand Down

0 comments on commit ae12057

Please sign in to comment.