Progressive enhancement is a development approach, not a technology option. Progressive enhancement is a development approach, not a technology option. You, as the developer, decide on a base level of user experience for your site or app, and more advanced Romania Email List functionality is added if a browser supports it. You may also be interested in: Free Course 10x Your Shopify Theme Development Skills. Why progressive enhancement is not the same as graceful degradation Graceful downgrading is the practice of building an app for modern browsers, while ensuring that it remains functional in older ones. In a way, graceful downgrading is the opposite approach to progressive upgrading, as it adapts to modern browsers first and then ensures that basic functionality will work in older ones.
Why Should You Care?
What this means for many people is building the website or app in a modern browser and then making sure it works in some version of IE. This isn’t the best approach to graceful degradation, but that’s for another article. For the purposes of this article, I want to make it clear that we are talking about a progressive upgrade and not a graceful downgrade. progressive enhancement layers The best known analogy to describe progressive enhancement is the Peanut M&M. When teaching college students, I often used this analogy interchangeably with that of a cake. Illustration of Peanut M&M’s and a slice of cake representing progressive improvement. To illustrate the most extreme case of this, I’ll break it down as follows: Illustration of a simple pie representing progressive enhancement HTML.
To make a cake, you need to start with a base and a structure, the cake itself. It means, in essence, that you building an HTML-only application where all the important processing is on the server side. Your app would work on any browser or mobile device, lynx browser and even IE 1.0. I understand that supporting IE 1.0 is unrealistic, but I say this just to illustrate my point: HTML works everywhere. Illustration of an ice cream cake representing progressive enhancement HTML and CSS. Having a simple cake can be nice, but having a cake that has really amazing frosting makes it even better. The next layer of progressive enhancement is CSS. When a browser doesn’t understand a CSS property, it simply ignores it: CSS is progressively default.
Why Progressive Enhancement