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 208e13d commit 637f962
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_.
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.
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.

![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 637f962

Please sign in to comment.