Shulou(Shulou.com)06/01 Report--

Editor to share with you what is the difference between gradual enhancement and elegant degradation in css, I believe most people do not know much about it, so share this article for your reference. I hope you will gain a lot after reading this article. Let's learn about it together.

The difference between progressive enhancement and elegant degradation

Elegant downgrade and progressive enhancement only focus on the performance of the same site on different devices and browsers. The key difference is where they focus and how that focus affects the process of the work.

Elegant downgrade believes that websites should be designed for the most advanced and perfect browsers. On the other hand, the testing work under the missing browsers is scheduled at the end of the development cycle, and the test object is limited to the previous version of the mainstream browser. Under this design, older browsers are considered to provide only the simplest browsing experience.

Progressive enhancement believes that we should focus on the content itself. The usability of the old version of the browser will be given priority before the usability of the new version, which makes progressive enhancement a more reasonable design example.

Example:

Elegant demotion (first focus on the highest level, considering compatibility)

.transition {

Transition:all0.2s

-o-transition:all0.2s

-moz-transition:all0.2s

-webkit-transition:all0.2s

}

Progressive enhancement (compatibility is considered first)

.transition {

-webkit-transition:all0.2s

-moz-transition:all0.2s

-o-transition:all0.2s

Transition:all0.2s

}

Choice

Make decisions according to the version of the client used, because the essential concept of progressive enhancement and elegant degradation is the compatibility between low-version software and high-version software in the process of software development, so low-version users are in the majority. Of course, the development process of progressive enhancement is preferred. If the high version of the majority of users, in order to improve the user experience of most users, then of course give priority to the elegant downgraded development process. In most cases, however, progressive enhancement is used because it is more reasonable.

These are all the contents of this article entitled "what is the difference between progressive enhancement and elegant degradation in css". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.