Compatibilização de apresentação de conteúdo

Olá, agora o assunto é uniformização e compatibilização de apresentação de

conteúdo em diferentes tipos e versões de navegadores. Como você já sabe,
existem diferentes navegadores, como Google Chrome, Mozilla Firefox,
Internet Explorer, Microsoft Edge, Safari ou Opera.
Você provavelmente já deve ter usado um ou mais tipos de navegadores tanto
em computadores ou em dispositivos móveis, como smartphones e tablets.
Saiba que há diferenças relacionadas ao sistema operacional utilizado pelo
navegador. Criar websites capazes de apresentar o conteúdo de maneira
uniforme e compatível em diferentes tipos e versões de navegadores e também
nos diversos tipos de dispositivos móveis, cada qual com uma dimensão de
tela distinta, é um grande desafio para o design de interfaces web.
Parte do problema reside no fato de que muitas características não são
padronizadas e os desenvolvedores de cada navegador têm uma certa
liberdade de implementar tais características da forma que consideram mais
apropriada.
Infelizmente não há uma solução simples e mágica para esse problema.
Mesmo com padronização por CSS, ainda há várias pequenas diferenças que
requerem ajustes pontuais.
Um dos maiores focos de divergência entre os navegadores é com relação a
formulários. Sistemas operacionais e navegadores diferentes apresentam
botões e caixas de texto de forma sensivelmente distinta.
Ultimamente, o desafio se tornou ainda maior com a proliferação de
dispositivos móveis de diferentes fabricantes, com um número enorme de
variações em resolução de tamanho de tela. A capacidade de um website se
adaptar conforme as diferentes características do ambiente do cliente, como o
tipo de navegador, a resolução da tela, ou os recursos disponíveis, como
câmera e microfone, conhecida como responsividade, passou a ser
fundamental nos projetos de interfaces web.

Na parte de codificação Javascript, existe também um outro grande desafio.

Novas funcionalidades não são implementadas simultaneamente nos diferentes
navegadores, ao contrário, podem existir defasagens de meses, anos ou até
mesmo “eternas”. Assim, pode levar um tempo significativo até que uma
funcionalidade disponível em um navegador esteja presente em outro. Nesses
casos, é comum que grupos de desenvolvedores independentes criem formas
de simular a funcionalidade desejada, mantendo a mesma interface de
integração (API) para uso da aplicação cliente. Essas implementações
“tampão” são chamadas de polyfills.
Muito bem! Chegamos ao final deste áudio! Continue firme nos seus estudos!