Explora las siguientes disciplinas para conocer las áreas de orientación.
Disciplinas principales
Prácticas recomendadas para crear experiencias seguras y de alta calidad en la Web
accessibility
Evalúa, corrige y aplica patrones de accesibilidad eficaces en toda tu aplicación.
Consulta la guía de accessibility en GitHub
performance
Optimiza las Métricas web esenciales, reduce los tiempos de carga de las páginas y mejora la capacidad de respuesta a las entradas del usuario.
Consulta la guía de performance en GitHub
privacy
Implementar la privacidad desde el diseño, la minimización de datos, las auditorías de terceros y el manejo seguro de datos
Consulta la guía de privacy en GitHub
security
Implementa lineamientos de seguridad preventivos para protegerte contra vulnerabilidades web comunes (XSS, CSP, cookies, aislamiento de origen cruzado).
Consulta la guía de security en GitHub
Tecnologías web
Prácticas recomendadas para usar lenguajes, tecnologías y entornos de ejecución web principales.
html
Implementa una arquitectura HTML moderna, semántica, APIs interactivas nativas (Dialog, Popover, Details), administración del enfoque y priorización de recursos.
Consulta la guía de html en GitHub
css
Aplica prácticas recomendadas modernas de arquitectura, diseño y rendimiento de CSS.
Consulta la guía de css en GitHub
css-layout
Crea diseños responsivos con funciones modernas de CSS, como flexbox, cuadrícula, subcuadrícula, consultas de contenedores, posicionamiento de anclaje y tamaño intrínseco.
Consulta la guía de css-layout en GitHub
forms
Crea formularios web accesibles, seguros y fáciles de usar.
Consulta la guía de forms en GitHub
passkeys
Implementar WebAuthn y llaves de acceso en aplicaciones web siguiendo principios modernos transversales
Consulta la guía de passkeys en GitHub
webmcp
Implementa WebMCP para exponer la funcionalidad del navegador del cliente como herramientas interactivas para los agentes de IA.
Consulta la guía de webmcp en GitHub
Capacidades del navegador (opción de habilitación)
Prácticas recomendadas para trabajar con APIs y plataformas de navegadores especializadas Estas son habilidades independientes de modern-web-guidance y deben instalarse por separado.
chrome-extensions
Crea extensiones de Chrome seguras y que cumplan con los requisitos de Manifest V3, que eviten los errores comunes del ciclo de vida y el aislamiento de los service workers, y que optimicen la publicación en Chrome Web Store con ayuda para preparar tus metadatos, políticas de privacidad y justificaciones de permisos. Para habilitar la habilidad, selecciona chrome-extensions cuando instales Modern Web Guidance:
npx modern-web-guidance@latest install --choose
Ver la habilidad de chrome-extensions en GitHub
Próximos pasos
Ahora que comprendes la guía de la Web moderna, pruébala por tu cuenta. Descubre las funciones y los casos de uso compatibles con la orientación para la Web moderna y prueba algunas instrucciones de ejemplo para comenzar.