blob: ec0a5884540ce4473a5df2b02ae1e6657affffd0 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
---
title: Degradação graciosa
slug: Glossary/Graceful_degradation
translation_of: Glossary/Graceful_degradation
original_slug: Glossario/degradação_graciosa
---
<p><strong>Degradação graciosa</strong> é uma filosofia de design centrada na tentativa de criar um site/aplicativo moderno que funcione nos navegadores mais recentes, mas recorre a uma experiência que, embora não tão boa, ainda oferece conteúdo e funcionalidade essenciais para os navegadores antigos.</p>
<p>{{Glossary("Polyfill","Polyfills")}} podem ser usados para criar com JavaScript recursos ausentes, mas alternativas aceitáveis para recursos como estilo e layout devem ser fornecidas sempre que possível, por exemplo, usando a cascata CSS ou o comportamento de HTML substituto. Alguns bons exemplos podem ser encontrados em <a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS">Handling common HTML and CSS problems</a>.</p>
<p>É uma técnica útil que permite aos desenvolvedores da Web se concentrarem no desenvolvimento dos melhores sites possíveis, uma vez que esses sites são acessados por vários user-agents desconhecidos.<br>
{{Glossary("Progressive enhancement")}} está relacionado, mas é diferente - geralmente visto como na direção oposta à degradação graciosa. Na realidade, ambas as abordagens são válidas e geralmente podem se complementar.</p>
<section class="Quick_links" id="Quick_Links">
<ol>
<li>{{Interwiki("wikipedia", "Graceful degradation")}} on Wikipedia</li>
<li><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS">Handling common HTML and CSS problems</a></li>
<li><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Feature_detection">Implementing feature detection</a></li>
<li><a href="/en-US/docs/Glossary">MDN Web Docs Glossary</a>
<ol>
<li>{{Glossary("Graceful degradation")}}</li>
<li>{{Glossary("Polyfill")}}</li>
<li>{{Glossary("Progressive enhancement")}}</li>
</ol>
</li>
</ol>
</section>
|
