Progressive Enhancement

“Inclusive Web Design For the Future”

Shopify Article

The Graceful Degradation Perspective focuses on building websites for the most advanced/capable browsers and does not worry much on less capable browsers. Older browsers just need to work not look pretty.

The Progressive Enhancement Perspective focuses on the content. Work flow: Content > Presentation > Client-Side Scripting. You start with the HTML, then the CSS style, finally the Script (Javascript, Jquery, extra.)

Progressive Enhancement ensures that a website is functional and presentable on all browsers and devices. It also does not show favoritism to one system or browser improving availability to viewers. MDN Web Docs have a great article on Progressive Enhancement. In general, MDN is a great source for web development information. “Progressive enhancement is a design philosophy that centers around providing a baseline of essential content and functionality to as many users as possible, while at the same time going further and delivering the best possible experience only to users of the most modern browsers that can run all the required code.” (MDN Web Docs)