Progressive Enhancement as Approach and Mindset

The most common misunderstanding of progressive enhancement is that it’s inherently about JavaScript. That’s not true. You can apply progressive enhancement at every step of front-end development: HTML, CSS, and JavaScript.
[…]
Separating out the laye…


This content originally appeared on foobartel.com :: Stream and was authored by foobartel.com :: Stream

The most common misunderstanding of progressive enhancement is that it’s inherently about JavaScript. That’s not true. You can apply progressive enhancement at every step of front-end development: HTML, CSS, and JavaScript.
[…]
Separating out the layers of your tech stack isn’t necessarily progressive enhancement. If you have some HTML that relies on JavaScript to be useful, then there’s no benefit in separating that HTML into a separate payload. The HTML that you initially send down the wire needs to be functional (at least at a basic level) before the JavaScript arrives.

This is a great article on the "approach and mindset" of progressive enhancement. I really like this phrase. After so many years of talking about progressive enhancement, it’s still being widely misunderstood. Also still not cool. While I still think that the PE approach is such a great approach—it doesn't really matter what and how you’d like to enhance—I’ve always felt there are a few reasons, why it never really caught on, or rather became widely practiced:

  1. It can be a lot of work, if e.g. you want to provide a non-JS solution for everything as a fallback;
  2. A lot of budgets aren’t big enough to cover this amount of work (or PE is not important enough…);
  3. You need to know and understand a lot of web technologies. And if you do, go back to 1.


This content originally appeared on foobartel.com :: Stream and was authored by foobartel.com :: Stream


Print Share Comment Cite Upload Translate
APA
foobartel.com :: Stream | Sciencx (2023-12-04T13:08:29+00:00) » Progressive Enhancement as Approach and Mindset. Retrieved from https://www.scien.cx/2020/02/05/progressive-enhancement-as-approach-and-mindset/.
MLA
" » Progressive Enhancement as Approach and Mindset." foobartel.com :: Stream | Sciencx - Wednesday February 5, 2020, https://www.scien.cx/2020/02/05/progressive-enhancement-as-approach-and-mindset/
HARVARD
foobartel.com :: Stream | Sciencx Wednesday February 5, 2020 » Progressive Enhancement as Approach and Mindset., viewed 2023-12-04T13:08:29+00:00,<https://www.scien.cx/2020/02/05/progressive-enhancement-as-approach-and-mindset/>
VANCOUVER
foobartel.com :: Stream | Sciencx - » Progressive Enhancement as Approach and Mindset. [Internet]. [Accessed 2023-12-04T13:08:29+00:00]. Available from: https://www.scien.cx/2020/02/05/progressive-enhancement-as-approach-and-mindset/
CHICAGO
" » Progressive Enhancement as Approach and Mindset." foobartel.com :: Stream | Sciencx - Accessed 2023-12-04T13:08:29+00:00. https://www.scien.cx/2020/02/05/progressive-enhancement-as-approach-and-mindset/
IEEE
" » Progressive Enhancement as Approach and Mindset." foobartel.com :: Stream | Sciencx [Online]. Available: https://www.scien.cx/2020/02/05/progressive-enhancement-as-approach-and-mindset/. [Accessed: 2023-12-04T13:08:29+00:00]
rf:citation
» Progressive Enhancement as Approach and Mindset | foobartel.com :: Stream | Sciencx | https://www.scien.cx/2020/02/05/progressive-enhancement-as-approach-and-mindset/ | 2023-12-04T13:08:29+00:00
https://github.com/addpipe/simple-recorderjs-demo