From 629ae368b9fa06aa787cf9baacef53ac35008f34 Mon Sep 17 00:00:00 2001 From: Dhanajayan k Date: Tue, 16 Oct 2018 01:07:29 +0530 Subject: [PATCH] fix(guide): CSS- Added progressive enhancement css (#18749) --- .../css/progressive-enhancement/index.md | 24 +++++++++++++------ 1 file changed, 17 insertions(+), 7 deletions(-) diff --git a/client/src/pages/guide/english/css/progressive-enhancement/index.md b/client/src/pages/guide/english/css/progressive-enhancement/index.md index 614786429f..26104ecb2e 100644 --- a/client/src/pages/guide/english/css/progressive-enhancement/index.md +++ b/client/src/pages/guide/english/css/progressive-enhancement/index.md @@ -3,11 +3,21 @@ title: Progressive Enhancement --- ## Progressive Enhancement -This is a stub. Help our community expand it. + Progressive enhancement is the practice of building an application for a base level of user experience, but adding functional enhancements when a browser supports it. + + Progressive enhancement is similar concept to graceful degradation but in reverse. It does not require us to select supported browsers or revert to table-based layouts. We choose a level of technology; i.e. the browser must support HTML 4.01 and standard page request/responses. + + CSS has changed a lot in the last years. More and more properties were added and while some are now supported in all modern browsers some only work in one or two browsers. In any way, we can often make use of the architecture of CSS. If a browser doesn’t know a property it will simple skip it without throwing an error. + +### Example +```css + h2 { + color: black; + color: rgba(0,0,0,0.9); +} +``` + In this case all browsers supporting rgba() will use the rgba() value for the color property. However, browsers not supporting rgba() will ignore this and use the value “black” for the color. + + ### More information -This quick style guide will help ensure your pull request gets accepted. - - - -#### More Information: - + [JustMarkup.com](https://justmarkup.com/log/2017/02/css-and-progressive-enhancement/)