Navegue pelas disciplinas a seguir para conferir as áreas de orientação.
Disciplinas principais
Práticas recomendadas para criar experiências seguras e de alta qualidade na Web.
accessibility
Avalie, corrija e implemente padrões de acessibilidade eficazes em todo o aplicativo.
Confira o guia accessibility no GitHub
performance
Otimize as Core Web Vitals, reduza os tempos de carregamento da página e melhore a capacidade de resposta à entrada do usuário.
Confira o guia performance no GitHub
privacy
Implemente a privacidade por design, a minimização de dados, as auditorias de terceiros e o tratamento seguro de dados.
Confira o guia privacy no GitHub
security
Implemente diretrizes de segurança preventivas para proteger contra vulnerabilidades comuns da Web (XSS, CSP, cookies, isolamento de origem cruzada).
Confira o guia security no GitHub
Tecnologias da Web
Práticas recomendadas para usar linguagens, tecnologias e ambientes de execução da Web.
html
Implemente arquitetura HTML moderna, semântica, APIs interativas nativas (Dialog, Popover, Details), gerenciamento de foco e priorização de recursos.
css
Aplique arquitetura CSS moderna, layouts e práticas recomendadas de desempenho.
css-layout
Crie layouts responsivos usando recursos CSS modernos, como flexbox, grade, subgrade, consultas de contêiner, posicionamento de âncora e dimensionamento intrínseco.
Confira o guia css-layout no GitHub
forms
Crie formulários da Web acessíveis, seguros e fáceis de usar.
Confira o guia forms no GitHub
passkeys
Implemente WebAuthn e chaves de acesso em aplicativos da Web seguindo princípios modernos abrangentes.
Confira o guia passkeys no GitHub
webmcp
Implemente o WebMCP para expor a funcionalidade do navegador do lado do cliente como ferramentas interativas para agentes de IA.
Confira o guia webmcp no GitHub
Recursos do navegador (opcional)
Práticas recomendadas para trabalhar com APIs e plataformas de navegador especializadas. Essas são habilidades separadas de modern-web-guidance e precisam ser instaladas individualmente.
chrome-extensions
Crie extensões do Chrome seguras e compatíveis no Manifest V3 que evitem armadilhas comuns de ciclo de vida e sandbox de service worker e simplifiquem a publicação na Chrome Web Store com a ajuda da preparação de metadados, políticas de privacidade e justificativas de permissão. Para ativar, selecione a habilidade chrome-extensions ao instalar o Modern Web Guidance:
npx modern-web-guidance@latest install --choose
Confira a habilidade chrome-extensions no GitHub
Próximas etapas
Agora que você entende o Modern Web Guidance, teste por conta própria. Descubra os recursos e casos de uso compatíveis com o Modern Web Guidance e teste alguns exemplos de comandos para começar.