Skip to content
This repository has been archived by the owner on Nov 3, 2020. It is now read-only.

Technology: Progressive Enhancement

Sjors Wijsman edited this page Jun 21, 2020 · 4 revisions

Nerdr Banner

Progressive Enhancement

What is Progressive Enhancement?

Progressive Enhancement is the act of building a web app starting from the foundational functionalities and progressively building upon this foundation for clients with higher capabilities. This allows users on a low-end device or connection to still use the core functionalities of the web app, while high-end clients can utilise the full spectrum of the web app's services.

From: https://github.com/SjorsWijsman/project-tech/wiki/3.-Research#32-progressive-enhancement-fdw2

Implementing Progressive Enhancement

The first step to implementing progressive enhancement was to make sure the most important functionalities work without JavaScript or CSS. After that we assessed what didn't work and created workaround functionalities. For example, the autocomplete/suggest function for the command bar on the Discover page doesn't work without JavaScript. We decided to just show the list of possible commands whenever JavaScript is turned off.

JavaScript on/off