Como trabalhar juntos para criar uma Web melhor
Queremos ajudar você a criar sites bonitos, acessíveis, rápidos e seguros que funcionem em vários navegadores e para todos os usuários. Este site é a nossa casa de conteúdo para ajudar você nessa jornada, escrito por membros da equipe do Chrome e especialistas externos especializados em temas de desenvolvimento da Web, como acessibilidade, desempenho, design e muito mais.
Referência
A referência da plataforma da Web esclarece as informações sobre o suporte do navegador para recursos da plataforma da Web, além de fornecer informações claras sobre quais recursos da plataforma da Web estão prontos para uso nos seus projetos. Ao ler um artigo aqui no web.dev, se todos os recursos usados fizerem parte da referência, você pode confiar no nível de compatibilidade do navegador.
IA e a Web
Descubra recursos criados para ajudar você a entender e criar experiências com IA que tenham bom desempenho e sejam voltadas para a Web.
Otimizar INP
A métrica "Interaction to Next Paint" (INP) agora é uma das Core Web Vitals. Comece a medir e otimizar o INP do seu site.
Pagamentos e identidade
Leia sobre os recursos e as práticas recomendadas mais recentes em relação ao processamento de identidade e pagamento.
Conhecer a plataforma da Web
A plataforma da Web é um ecossistema em constante evolução de recursos do navegador e APIs que os desenvolvedores podem usar para criar sites fáceis e agradáveis de usar. Estas páginas são caminhos para você se aprofundar em cada parte da plataforma da Web no web.dev, no seu ritmo:
HTML
O HTML é a camada de documentos da Web, que fornece estrutura e semântica para as páginas.
CSS
O CSS é a camada de apresentação da Web e permite que você personalize a aparência das suas páginas da Web.
JavaScript
O JavaScript oferece interatividade avançada às páginas da Web, permitindo que os desenvolvedores criem sites altamente interativos que ajudam os usuários a realizar tarefas e alcançar metas.
Conheça a plataforma da Web
Você é novo na plataforma da Web? Estamos aqui para você. Aprofunde seus conhecimentos sobre cada parte da plataforma da Web com estes cursos selecionados especificamente para iniciantes em HTML, CSS e JavaScript.
Curso
Aprenda HTML
Uma visão geral sólida de HTML para desenvolvedores, do iniciante ao HTML dos níveis de especialista.
Curso
Aprenda sobre CSS
Um guia para CSS com módulos que abrangem tudo, desde acessibilidade até Z-index.
Fique por dentro das notícias sobre desenvolvimento da Web
Nosso blog contém as últimas notícias sobre desenvolvimento da Web, incluindo novos recursos da plataforma da Web, atualizações da referência, IA, Core Web Vitals e muito mais. Fique por dentro das últimas notícias lendo nosso blog.
CSS e design de IU
Aprenda agora mesmo as dicas e técnicas mais recentes para usar no seu trabalho.
Como adaptar a tipografia à preferência do usuário usando CSS
Adapte uma fonte às preferências dos seus usuários para que eles fiquem o máximo possível à vontade para ler seu conteúdo.
Novos espaços de cor e funções CSS nos principais mecanismos
Todos os principais mecanismos agora oferecem suporte aos novos espaços de cor e funções CSS. Descubra como eles podem dar vitalidade aos seus designs.
O que são os mapas de origem?
Melhoria na experiência de depuração da Web com mapas de origem.
Subgrade CSS
O Subgrid agora é interoperável entre os três principais mecanismos. Descubra como usar.
Core Web Vitals
Entenda as Core Web Vitals e outras métricas para criar sites e apps mais rápidos.
Interação com o Next Paint se torna uma Core Web Vitals em 12 de março
A interação com a próxima exibição vai se tornar oficialmente uma das Core Web Vitals e vai substituir a latência na primeira entrada em 12 de março.
Como otimizar o INP
Saiba como otimizar a métrica "Interação com a próxima exibição".
Nossas principais recomendações das Core Web Vitals
Uma coleção de práticas recomendadas para otimizar a performance das Core Web Vitals dos sites com base no estado da Web
Equívocos comuns sobre como otimizar a LCP
Descubra os conceitos errados mais comuns sobre a otimização da maior exibição de conteúdo (LCP, na sigla em inglês) analisando além da otimização de imagens e considerando fatores como o tempo para o primeiro byte (TTFB, na sigla em inglês) e o atraso no carregamento de recursos.
Progressive Web Apps
Crie experiências na Web eficientes.
Aprenda a usar o PWA
Um curso que detalha todos os aspectos do desenvolvimento moderno de Progressive Web App.
O TransformStream agora é compatível com navegadores diferentes.
Agora que os streams de transformação são compatíveis com Safari, Firefox e Chrome, finalmente eles estão prontos para o horário nobre.
Novos padrões para apps incríveis
Mergulhe em uma fantástica coleção de novos padrões para apps incríveis, incluindo padrões de área de transferência, de arquivo e avançados.
Demonstração da API Project Fugu
No site de desenvolvedores do Chrome, conheça as APIs de recursos.
Acessível para todos
Saiba como tornar seus sites mais acessíveis para pessoas com deficiência, sejam elas permanentes, temporárias ou situacionais.
Aprenda sobre acessibilidade
Nosso novo curso é um ótimo ponto de entrada e referência para temas de acessibilidade.
Como testar o contraste de cores do Web design
Uma visão geral de três ferramentas e técnicas para testar e verificar o contraste de cores acessível do seu design.
Criar a navegação principal de um site
Este tutorial descreve como criar uma navegação principal acessível em um site. Você aprenderá sobre HTML semântico, acessibilidade e como usar atributos ARIA às vezes pode ser mais prejudicial do que vantajoso.
Destaque da comunidade: Melanie Sumner
Leia nossa entrevista com Melanie, uma engenheira de software especializada em acessibilidade digital.
Pagamentos e identidade
Encontre as técnicas e práticas recomendadas mais recentes para pagamentos e ajude os usuários a fazer login com segurança nos seus sites e apps.
Criar uma chave de acesso para logins sem senha
As chaves de acesso tornam as contas de usuário mais seguras, simples e fáceis de usar.
Fazer login com uma chave de acesso
Crie uma experiência de login que use chaves de acesso e ainda acomode os usuários com senhas.
Visão geral dos pagamentos pela Web
Saiba mais sobre os Pagamentos na Web e como eles funcionam.
Práticas recomendadas para formulários de pagamento e endereço
Maximize as conversões ajudando seus usuários a preencher os formulários de pagamento e endereço da forma mais rápida e fácil possível.
Newsletter para desenvolvedores
Receba as últimas novidades, técnicas e atualizações diretamente na sua caixa de entrada.