Parcourez les disciplines suivantes pour explorer les domaines de conseils.
Disciplines de base
Bonnes pratiques pour créer des expériences Web sûres et de haute qualité.
accessibility
Évaluez, corrigez et implémentez des modèles d'accessibilité efficaces dans l'ensemble de votre application.
Consulter le guide accessibility sur GitHub
performance
Optimisez les Core Web Vitals, réduisez les temps de chargement des pages et améliorez la réactivité aux entrées utilisateur.
Consulter le guide performance sur GitHub
privacy
Mettez en œuvre la confidentialité dès la conception, la minimisation des données, les audits tiers et la gestion sécurisée des données.
Consulter le guide privacy sur GitHub
security
Appliquez des consignes de sécurité préventives pour vous protéger contre les failles Web courantes (XSS, CSP, cookies, isolation d'origine croisée).
Consulter le guide security sur GitHub
Technologies Web
Bonnes pratiques pour utiliser les langages, technologies et environnements d'exécution Web principaux.
html
Implémentez une architecture HTML moderne, la sémantique, les API interactives natives (Dialog, Popover, Details), la gestion de la mise au point et la priorisation des ressources.
Consulter le guide html sur GitHub
css
Appliquez les bonnes pratiques modernes en matière d'architecture, de mise en page et de performances CSS.
Consulter le guide css sur GitHub
css-layout
Créez des mises en page responsives à l'aide de fonctionnalités CSS modernes telles que flexbox, grid, subgrid, les requêtes de conteneur, le positionnement d'ancrage et le dimensionnement intrinsèque.
Consulter le guide css-layout sur GitHub
forms
Créez des formulaires Web accessibles, sécurisés et conviviaux.
Consulter le guide forms sur GitHub
passkeys
Implémentez WebAuthn et les clés d'accès dans les applications Web en suivant les principes modernes transversaux.
Consulter le guide passkeys sur GitHub
webmcp
Implémentez WebMCP pour exposer les fonctionnalités du navigateur côté client en tant qu'outils interactifs pour les agents IA.
Consulter le guide webmcp sur GitHub
Fonctionnalités du navigateur (activation)
Bonnes pratiques pour travailler avec des plates-formes et des API de navigateur spécialisées. Il s'agit de skills distinctes de modern-web-guidance, qui doivent être installées individuellement.
chrome-extensions
Créez des extensions Chrome sécurisées et conformes sous Manifest V3 qui évitent les pièges courants liés au cycle de vie des service workers et au bac à sable, et simplifiez la publication sur le Chrome Web Store en préparant vos métadonnées, vos règles de confidentialité et vos justifications d'autorisation. Pour l'activer, sélectionnez la compétence chrome-extensions lors de l'installation de Modern Web Guidance :
npx modern-web-guidance@latest install --choose
Afficher la compétence chrome-extensions sur GitHub
Étapes suivantes
Maintenant que vous avez compris le guide Web moderne, essayez-le vous-même ! Découvrez les fonctionnalités et les cas d'utilisation compatibles avec les conseils pour le Web moderne, et essayez quelques exemples de requêtes pour commencer.