Skip to content

Commit

Permalink
convert content to md
Browse files Browse the repository at this point in the history
  • Loading branch information
SphinxKnight committed Sep 20, 2022
1 parent 28928ae commit 6c26c8f
Show file tree
Hide file tree
Showing 161 changed files with 1,843 additions and 2,403 deletions.
10 changes: 4 additions & 6 deletions files/pt-br/glossary/abstraction/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,12 +9,10 @@ tags:
translation_of: Glossary/Abstraction
original_slug: Glossario/Abstração
---
<p>Abstração em {{Glossary("programação de computadores")}} é uma forma de reduzir a complexidade e tornar o projeto e a implementação mais eficientes em sistemas complexos de software. Ela esconde a complexidade técnica de um sistema por trás de uma {{Glossary("API", "APIs")}} mais simples.</p>
Abstração em {{Glossary("programação de computadores")}} é uma forma de reduzir a complexidade e tornar o projeto e a implementação mais eficientes em sistemas complexos de software. Ela esconde a complexidade técnica de um sistema por trás de uma {{Glossary("API", "APIs")}} mais simples.

<h2 id="Saiba_mais"><strong>Saiba mais</strong></h2>
## Saiba mais

<h3 id="Conhecimentos_gerais"><strong>Conhecimentos gerais</strong></h3>
### Conhecimentos gerais

<ul>
<li>{{interwiki("wikipedia", "Abstração (programação)", "Abstração")}} na Wikipédia</li>
</ul>
- {{interwiki("wikipedia", "Abstração (programação)", "Abstração")}} na Wikipédia
28 changes: 11 additions & 17 deletions files/pt-br/glossary/accessibility/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,27 +7,21 @@ tags:
translation_of: Glossary/Accessibility
original_slug: Glossario/Acessibilidade
---
<p><em>Acessibilidade na Web (</em><em>Web Accessibility)</em> (<strong>A11Y</strong>) <span id="result_box" lang="pt"><span>refere-se às melhores práticas para manter um site útil, apesar das restrições físicas e técnicas.</span> <span>A acessibilidade da Web é formalmente definida e discutida no</span></span> {{Glossary("W3C")}} através de {{Glossary("WAI","Web Accessibility Initiative")}} (WAI).</p>
_Acessibilidade na Web (\_\_Web Accessibility)_ (**A11Y**) refere-se às melhores práticas para manter um site útil, apesar das restrições físicas e técnicas. A acessibilidade da Web é formalmente definida e discutida no {{Glossary("W3C")}} através de {{Glossary("WAI","Web Accessibility Initiative")}} (WAI).

<h2 id="Leia_Mais">Leia Mais</h2>
## Leia Mais

<h3 id="Conhecimento_Geral">Conhecimento Geral</h3>
### Conhecimento Geral

<ul>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility">Accessibility resources at MDN</a></li>
<li>{{Interwiki("wikipedia", "Web accessibility")}} na Wikipedia</li>
</ul>
- [Accessibility resources at MDN](/pt-BR/docs/Web/Accessibility)
- {{Interwiki("wikipedia", "Web accessibility")}} na Wikipedia

<h3 id="Aprenda_sobre_acessibilidade_na_web">Aprenda sobre acessibilidade na web</h3>
### Aprenda sobre acessibilidade na web

<ul>
<li><a href="http://webaim.org/" rel="external">Web Accessibility In Mind</a></li>
</ul>
- [Web Accessibility In Mind](http://webaim.org/)

<h3 id="Referências_Técnicas">Referências Técnicas</h3>
### Referências Técnicas

<ul>
<li><a href="/en-US/docs/Web/Accessibility/ARIA">The ARIA documentation on MDN</a></li>
<li><a href="http://www.w3.org/WAI/" rel="external">The Web Accessibility Initiative homepage</a></li>
<li><a href="http://www.w3.org/TR/wai-aria/" rel="external">The WAI-ARIA recommendation</a></li>
</ul>
- [The ARIA documentation on MDN](/pt-BR/docs/Web/Accessibility/ARIA)
- [The Web Accessibility Initiative homepage](http://www.w3.org/WAI/)
- [The WAI-ARIA recommendation](http://www.w3.org/TR/wai-aria/)
43 changes: 16 additions & 27 deletions files/pt-br/glossary/accessibility_tree/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,37 +10,26 @@ tags:
translation_of: Glossary/Accessibility_tree
original_slug: Glossario/arvore_de_acessibilidade
---
<p><span class="seoSummary">A <strong>árvore de acessibilidade</strong> contém informação relacionada à {{Glossary("accessibility", "acessibilidade")}} para a maioria dos elementos HTML.</span></p>
A **árvore de acessibilidade** contém informação relacionada à {{Glossary("accessibility", "acessibilidade")}} para a maioria dos elementos HTML.

<p>Navegadores convertem a marcação em uma representação interna chamada <a href="https://developer.mozilla.org//pt-BR/docs/Web/API/Document_object_model/How_to_create_a_DOM_tree">árvore do DOM</a>. A árvore do DOM contém objetos representando todas as marcações de elementos, atributos e nós de texto. Os navegadores, então, criam uma árvore de acessibilidade baseada na árvore do DOM, a qual é usada por APIs específicas de plataforma para fornecer uma representação que possa ser entendida por tecnologias assistivas, como leitores de tela.</p>
Navegadores convertem a marcação em uma representação interna chamada [árvore do DOM](https://developer.mozilla.org//pt-BR/docs/Web/API/Document_object_model/How_to_create_a_DOM_tree). A árvore do DOM contém objetos representando todas as marcações de elementos, atributos e nós de texto. Os navegadores, então, criam uma árvore de acessibilidade baseada na árvore do DOM, a qual é usada por APIs específicas de plataforma para fornecer uma representação que possa ser entendida por tecnologias assistivas, como leitores de tela.

<p>Há quatro coisas em um objeto da árvore de acessibilidade:</p>
Há quatro coisas em um objeto da árvore de acessibilidade:

<dl>
<dt><strong>nome</strong></dt>
<dd>Como podemos nos referir a esse objeto? Por exemplo, um link com o texto "Leia mais" terá "Leia mais" como seu atributo <em>name</em> (saiba mais como os nomes são computados em <a href="https://www.w3.org/TR/accname-1.1/">Accessible Name and Description Computation spec</a>).</dd>
<dt><strong>descrição</strong></dt>
<dd>Como podemos descrever esse objeto se quisermos fornecer mais detalhes além do nome? A descrição de uma tabela pode explicar que tipo de informação ela contém.</dd>
<dt><strong>função</strong></dt>
<dd>Que tipo de objeto é esse? Por exemplo, é um botão, uma barra de navegação ou uma lista de items?</dd>
<dt><strong>estado</strong></dt>
<dd>Tem um estado? Os exemplos incluem caixas de seleção marcadas ou desmarcadas, e recolhido ou expandido para o elemento <code><a href="https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element/summary">&lt;summary&gt;</a></code>·</dd>
</dl>
- **nome**
- : Como podemos nos referir a esse objeto? Por exemplo, um link com o texto "Leia mais" terá "Leia mais" como seu atributo _name_ (saiba mais como os nomes são computados em [Accessible Name and Description Computation spec](https://www.w3.org/TR/accname-1.1/)).
- **descrição**
- : Como podemos descrever esse objeto se quisermos fornecer mais detalhes além do nome? A descrição de uma tabela pode explicar que tipo de informação ela contém.
- **função**
- : Que tipo de objeto é esse? Por exemplo, é um botão, uma barra de navegação ou uma lista de items?
- **estado**
- : Tem um estado? Os exemplos incluem caixas de seleção marcadas ou desmarcadas, e recolhido ou expandido para o elemento [`<summary>`](https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element/summary)·

<p>Adicionalmente, a árvore de acessibilidade frequentemente contém informação sobre o que pode ser feito com um elemento: um link pode ser seguido, uma entrada de texto pode ser digitada, entre outras coisas.</p>
Adicionalmente, a árvore de acessibilidade frequentemente contém informação sobre o que pode ser feito com um elemento: um link pode ser seguido, uma entrada de texto pode ser digitada, entre outras coisas.

<p>Enquanto continua em forma de rascunho na Web Incubator Community Group, o Modelo de Objeto de Acessibilidade (<strong><a href="https://wicg.github.io/aom/explainer.html">Accessibility Object Model</a>, </strong>AOM), tem a intenção de incubar APIs que facilitam expressar a semântica de acessibilidade e potencialmente permitir acesso de leitura à árvore de acessibilidade computada.</p>
Enquanto continua em forma de rascunho na Web Incubator Community Group, o Modelo de Objeto de Acessibilidade (**[Accessibility Object Model](https://wicg.github.io/aom/explainer.html),** AOM), tem a intenção de incubar APIs que facilitam expressar a semântica de acessibilidade e potencialmente permitir acesso de leitura à árvore de acessibilidade computada.

1. [Glossário](/pt-BR/docs/Glossario)


<section id="Quick_links">
<ol>
<li><a href="https://developer.mozilla.org/pt-BR/docs/Glossario">Glossário</a>

<ol>
<li>{{Glossary("Accessibility", "Acessibilidade")}}</li>
<li>{{Glossary("ARIA")}}</li>
</ol>
</li>
</ol>
</section>
1. {{Glossary("Accessibility", "Acessibilidade")}}
2. {{Glossary("ARIA")}}
14 changes: 6 additions & 8 deletions files/pt-br/glossary/adobe_flash/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,14 +8,12 @@ tags:
translation_of: Glossary/Adobe_Flash
original_slug: Glossario/Adobe_Flash
---
<p>Flash é uma tecnologia obsolescente desenvolvida pela Adobe que possibilita aplicativos Web, gráficos de vetor e multimídia. Você precisa instalar o plugin certo para usar o Flash dentro de um {{Glossary("Navegador","navegador web")}}.</p>
Flash é uma tecnologia obsolescente desenvolvida pela Adobe que possibilita aplicativos Web, gráficos de vetor e multimídia. Você precisa instalar o plugin certo para usar o Flash dentro de um {{Glossary("Navegador","navegador web")}}.

<h2 id="Saiba_mais">Saiba mais</h2>
## Saiba mais

<h3 id="Conhecimento_geral">Conhecimento geral</h3>
### Conhecimento geral

<ul>
<li><a href="https://www.adobe.com/products/flashruntimes.html">Official web site</a></li>
<li><a href="https://mozilla.github.io/shumway/">Shumway, a free implementation by Mozilla</a></li>
<li><a href="http://gnashdev.org/">Gnash, a free implementation by GNU</a></li>
</ul>
- [Official web site](https://www.adobe.com/products/flashruntimes.html)
- [Shumway, a free implementation by Mozilla](https://mozilla.github.io/shumway/)
- [Gnash, a free implementation by GNU](http://gnashdev.org/)
24 changes: 10 additions & 14 deletions files/pt-br/glossary/ajax/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,24 +10,20 @@ tags:
translation_of: Glossary/AJAX
original_slug: Glossario/AJAX
---
<p>AJAX (Asynchronous {{glossary("JavaScript")}} e {{glossary("XML")}}) é uma prática de programação da combinação de {{glossary("HTML")}}, {{glossary("CSS")}}, JavaScript, o {{glossary("DOM")}}, e o <code>XMLHttpRequest</code> {{glossary("object")}} para a construção de páginas web mais complexas.</p>
AJAX (Asynchronous {{glossary("JavaScript")}} e {{glossary("XML")}}) é uma prática de programação da combinação de {{glossary("HTML")}}, {{glossary("CSS")}}, JavaScript, o {{glossary("DOM")}}, e o `XMLHttpRequest` {{glossary("object")}} para a construção de páginas web mais complexas.

<p>O que o AJAX permite é que você faça apenas atualizações em partes de uma página web ao invés de recarregá-la inteira novamente. O AJAX também permite que você trabalhe de forma assíncrona, o que significa que o seu código continua rodando enquanto uma parte da sua página está em processo de carregamento (em comparação com síncrono, que irá bloquear a execução do seu código até que toda a sua página web seja recarregada).</p>
O que o AJAX permite é que você faça apenas atualizações em partes de uma página web ao invés de recarregá-la inteira novamente. O AJAX também permite que você trabalhe de forma assíncrona, o que significa que o seu código continua rodando enquanto uma parte da sua página está em processo de carregamento (em comparação com síncrono, que irá bloquear a execução do seu código até que toda a sua página web seja recarregada).

<p>Com websites interativos e padrões web modernos, o AJAX está sendo substituído gradualmente por funcões presentes em frameworks JavaScript e o padrão oficial <a href="/pt-BR/docs/Web/API/Fetch_API">Fetch API</a>.</p>
Com websites interativos e padrões web modernos, o AJAX está sendo substituído gradualmente por funcões presentes em frameworks JavaScript e o padrão oficial [Fetch API](/pt-BR/docs/Web/API/Fetch_API).

<h2 id="Saiba_mais">Saiba mais</h2>
## Saiba mais

<h3 id="Conhecimentos_gerais">Conhecimentos gerais</h3>
### Conhecimentos gerais

<ul>
<li>{{interwiki("wikipedia", "AJAX")}} na Wikipedia</li>
</ul>
- {{interwiki("wikipedia", "AJAX")}} na Wikipedia

<h3 id="Informações_técnicas">Informações técnicas</h3>
### Informações técnicas

<ul>
<li>O objeto {{domxref("XMLHttpRequest")}} .</li>
<li><a href="/pt-BR/docs/AJAX">A documentação AJAX no MDN</a></li>
<li><a href="/pt-BR/docs/Web/API/Fetch_API/Using_Fetch">Fetch API no MDN</a></li>
</ul>
- O objeto {{domxref("XMLHttpRequest")}} .
- [A documentação AJAX no MDN](/pt-BR/docs/AJAX)
- [Fetch API no MDN](/pt-BR/docs/Web/API/Fetch_API/Using_Fetch)
2 changes: 1 addition & 1 deletion files/pt-br/glossary/algorithm/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,4 +8,4 @@ tags:
translation_of: Glossary/Algorithm
original_slug: Glossario/Algoritmo
---
<p><span class="seoSummary">Um algoritmo é uma série de instruções independentes que executam uma função.</span></p>
Um algoritmo é uma série de instruções independentes que executam uma função.
8 changes: 3 additions & 5 deletions files/pt-br/glossary/alignment_container/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,10 +9,8 @@ tags:
translation_of: Glossary/Alignment_Container
original_slug: Glossario/conteiner_de_alinhamento
---
<p>O <strong>contêiner de alinhamento </strong>é um retângulo dentro do qual os <a href="/en-US/docs/Glossary/Alignment_Subject">tópicos de alinhamento</a> são alinhados, isto é, definidos. Isso é definido pelo modelo de layout; geralmente é o bloco que contém o tópico de alinhamento, e assume o modo de escrita do box estabelecendo o bloco de conteúdo.</p>
O **contêiner de alinhamento** é um retângulo dentro do qual os [tópicos de alinhamento](/pt-BR/docs/Glossary/Alignment_Subject) são alinhados, isto é, definidos. Isso é definido pelo modelo de layout; geralmente é o bloco que contém o tópico de alinhamento, e assume o modo de escrita do box estabelecendo o bloco de conteúdo.

<h2 id="Saiba_mais">Saiba mais</h2>
## Saiba mais

<ul>
<li><a href="/en-US/docs/Web/CSS/CSS_Box_Alignment">CSS Alinhamento de Box</a></li>
</ul>
- [CSS Alinhamento de Box](/pt-BR/docs/Web/CSS/CSS_Box_Alignment)
32 changes: 14 additions & 18 deletions files/pt-br/glossary/alignment_subject/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,26 +10,22 @@ tags:
translation_of: Glossary/Alignment_Subject
original_slug: Glossario/topico_de_alinhamento
---
<p>No <a href="/en-US/docs/Web/CSS/CSS_Box_Alignment">Alinhamento de Box do CSS</a>, o <strong>tópico (assunto) de alinhamento </strong>é a coisa (ou coisas) que está sendo alinhada pelas propriedades.</p>
No [Alinhamento de Box do CSS](/pt-BR/docs/Web/CSS/CSS_Box_Alignment), o **tópico (assunto) de alinhamento** é a coisa (ou coisas) que está sendo alinhada pelas propriedades.

<p>Para o {{cssxref("justify-self")}} e {{cssxref("align-self")}}, o tópico de alinhamento é o box de margem do box em que a propriedade está definida, usando o modo de escrita desse box.</p>
Para o {{cssxref("justify-self")}} e {{cssxref("align-self")}}, o tópico de alinhamento é o box de margem do box em que a propriedade está definida, usando o modo de escrita desse box.

<p>Para o {{cssxref("justify-content")}} e {{cssxref("align-content")}}, o modo de escrita do box também é usado. A definição do tópico de alinhamento depende do modo de layout que está sendo usado.</p>
Para o {{cssxref("justify-content")}} e {{cssxref("align-content")}}, o modo de escrita do box também é usado. A definição do tópico de alinhamento depende do modo de layout que está sendo usado.

<dl>
<dt>Contêineres de bloco (incluindo células de tabela)</dt>
<dd>Todo o conteúdo do bloco como uma única unidade.</dd>
<dt>Contêineres de colunas múltiplas (multicol)</dt>
<dd>As caixas de colunas, com qualquer espaçamento inserido entre as caixas de colunas adicionado às lacunas de coluna relevantes.</dd>
<dt>Contêineres flexíveis</dt>
<dd>Para {{cssxref("justify-content")}}, os items flexíveis em cada linha flexível.<br>
Para {{cssxref("align-content")}}, as linhas flexíveis. Perceba que, isso só tem efeito em contêineres flexíveis de múltiplas linhas.</dd>
<dt>Contêineres grid</dt>
<dd>As trilhas do grid nos eixos apropriados, com qualquer espaçamento inserido entre trilhas adicionado à gutters relevantes. Gutters colapsados são tratados como uma oportunidade única para inserção no espaço.</dd>
</dl>
- Contêineres de bloco (incluindo células de tabela)
- : Todo o conteúdo do bloco como uma única unidade.
- Contêineres de colunas múltiplas (multicol)
- : As caixas de colunas, com qualquer espaçamento inserido entre as caixas de colunas adicionado às lacunas de coluna relevantes.
- Contêineres flexíveis
- : Para {{cssxref("justify-content")}}, os items flexíveis em cada linha flexível.
Para {{cssxref("align-content")}}, as linhas flexíveis. Perceba que, isso só tem efeito em contêineres flexíveis de múltiplas linhas.
- Contêineres grid
- : As trilhas do grid nos eixos apropriados, com qualquer espaçamento inserido entre trilhas adicionado à gutters relevantes. Gutters colapsados são tratados como uma oportunidade única para inserção no espaço.

<h2 id="Saiba_mais">Saiba mais</h2>
## Saiba mais

<ul>
<li><a href="/en-US/docs/Web/CSS/CSS_Box_Alignment">Alinhamento de Box do CSS</a></li>
</ul>
- [Alinhamento de Box do CSS](/pt-BR/docs/Web/CSS/CSS_Box_Alignment)
26 changes: 11 additions & 15 deletions files/pt-br/glossary/alpha/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -19,26 +19,22 @@ tags:
translation_of: Glossary/Alpha
original_slug: Glossario/Alpha
---
<p>Cores são representadas no formato digital como uma coleção de números, cada qual sinalizando o nível de força ou intensidade de dado componente da cor. Cada um desses componententes é chamado de <strong>canal</strong>. Num típico arquivo de imagem, o canais de cores descritos devem ser vermelho, verde e azul, que serão usados para definir a cor final. Para representar uma cor que através dela um plano de fundo possa ser visto, um quarto canal é adicionado a ela: o canal alfa. O canal alfa define o nível de opacidade da cor.</p>
Cores são representadas no formato digital como uma coleção de números, cada qual sinalizando o nível de força ou intensidade de dado componente da cor. Cada um desses componententes é chamado de **canal**. Num típico arquivo de imagem, o canais de cores descritos devem ser vermelho, verde e azul, que serão usados para definir a cor final. Para representar uma cor que através dela um plano de fundo possa ser visto, um quarto canal é adicionado a ela: o canal alfa. O canal alfa define o nível de opacidade da cor.

<p>Por exemplo, a cor <code>#8921F2</code> (também descrita como <code>rgb(137, 33, 242)</code> ou<code> hsl(270, 89%, 54)</code>) é um belo tom de roxo. Abaixo você pode ver um pequeno retângulo no canto superior esquerdo e outro com a mesma cor, mas tendo um canal alfa defino em 0.5 (50% de opacidade). Os dois retângulos estão desenhados sobre o paragrafo de texto.</p>
Por exemplo, a cor `#8921F2` (também descrita como `rgb(137, 33, 242)` ou` hsl(270, 89%, 54)`) é um belo tom de roxo. Abaixo você pode ver um pequeno retângulo no canto superior esquerdo e outro com a mesma cor, mas tendo um canal alfa defino em 0.5 (50% de opacidade). Os dois retângulos estão desenhados sobre o paragrafo de texto.

<p style="text-align: center;"><img alt="Image showing the effect of an alpha channel on a color." src="https://mdn.mozillademos.org/files/17019/alpha-channel-example.png" style="height: 219px; width: 420px;"></p>
![Image showing the effect of an alpha channel on a color.](https://mdn.mozillademos.org/files/17019/alpha-channel-example.png)

<p>Como você pode notar, a cor sem o canal alfa bloqueia completamente o texto ao fundo, enquanto o retângulo com canal alfa definido permite visibilidade através do plano de fundo com cor roxa.</p>
Como você pode notar, a cor sem o canal alfa bloqueia completamente o texto ao fundo, enquanto o retângulo com canal alfa definido permite visibilidade através do plano de fundo com cor roxa.

<h2 id="Saiba_mais">Saiba mais</h2>
## Saiba mais

<h3 id="Conhecimento_geral">Conhecimento geral</h3>
### Conhecimento geral

<ul>
<li>{{interwiki("wikipedia", "Alpha compositing")}} na Wikipedia</li>
<li>{{interwiki("wikipedia", "RGBA color model")}} na Wikipedia</li>
<li>{{interwiki("wikipedia", "Channel (digital image)")}} na Wikipedia</li>
</ul>
- {{interwiki("wikipedia", "Alpha compositing")}} na Wikipedia
- {{interwiki("wikipedia", "RGBA color model")}} na Wikipedia
- {{interwiki("wikipedia", "Channel (digital image)")}} na Wikipedia

<h3 id="Referência_técnica">Referência técnica</h3>
### Referência técnica

<ul>
<li><a href="/en-US/docs/Web/CSS/CSS_Color">CSS color</a></li>
</ul>
- [CSS color](/pt-BR/docs/Web/CSS/CSS_Color)
Loading

0 comments on commit 6c26c8f

Please sign in to comment.