What is Progressive Enhancement?
Progressive Enhancement is a strategy for web design that emphasizes accessibility, semantic HTML markup, and external stylesheet and scripting technologies.
One day, my boss asked me if I know what “progressive enhancement” is. Because I didn’t know at the time, I answered “No”. He suggested me to study bit about it because it is quiet important if you are working in web design.
Progressive enhancement uses web technologies in a layered fashion that allows everyone to access the basic content and functionality of a web page, using any browser or Internet connection while also providing an enhanced version of the page to those with more advanced browser software or greater bandwidth.
Now, progressive enhancement focuses on the content not on the design. Example if you’re going to use a CSS3 property like box-shadow its not compatible for Internet Explorer 8, then it’s ok as long as the layout is not destroyed.
This may be especially important idea for making a website which can be accessed from remote area, where the internet connection is not yet stable or fast enough.
While I was doing my searching and reading on the web, I came across to this article which was easy to understand and had a good explanation on what progressive enhancement is.
I hope it helps you too! Goodluck coding!