Sfoglia le seguenti discipline per esplorare le aree di indicazioni.
Discipline di base
Best practice per creare esperienze sicure e di alta qualità sul web.
accessibility
Valuta, correggi e implementa pattern di accessibilità efficaci in tutta l'applicazione.
Visualizza la guida accessibility su GitHub
performance
Visualizza la guida performance su GitHub
privacy
Implementa la privacy by design, la minimizzazione dei dati, gli audit di terze parti e la gestione sicura dei dati.
Visualizza la guida privacy su GitHub
security
Implementa le linee guida per la sicurezza preventiva per proteggerti dalle vulnerabilità web comuni (XSS, CSP, cookie, isolamento cross-origin).
Visualizza la guida security su GitHub
Tecnologie web
Best practice per l'utilizzo di linguaggi web, tecnologie e ambienti di runtime di base.
html
Implementa l'architettura HTML moderna, la semantica, le API interattive native (dialogo, popover, dettagli), la gestione dello stato attivo e la definizione della priorità delle risorse.
Visualizza la guida html su GitHub
css
Applica l'architettura CSS moderna, i layout e le best practice per le prestazioni.
Visualizza la guida css su GitHub
css-layout
Crea layout adattabili utilizzando funzionalità CSS moderne come flexbox, grid, subgrid, query sui contenitori, posizionamento degli ancoraggi e dimensionamento intrinseco.
Visualizza la guida css-layout su GitHub
forms
Crea moduli web accessibili, sicuri e facili da usare.
Visualizza la guida forms su GitHub
passkeys
Implementa WebAuthn e le passkey nelle applicazioni web seguendo i principi moderni trasversali.
Visualizza la guida passkeys su GitHub
webmcp
Implementa WebMCP per esporre le funzionalità del browser lato client come strumenti interattivi per gli agenti AI.
Visualizza la guida webmcp su GitHub
Funzionalità del browser (attivazione)
Best practice per l'utilizzo di API e piattaforme del browser specializzate. Queste sono competenze separate da modern-web-guidance e devono essere installate singolarmente.
chrome-extensions
Crea estensioni di Chrome sicure e conformi in Manifest V3 che evitino le insidie comuni del ciclo di vita e del sandboxing dei service worker e semplifica la pubblicazione nel Chrome Web Store con l'aiuto della preparazione di metadati, norme sulla privacy e giustificazioni delle autorizzazioni. Per attivare questa funzionalità, seleziona la competenza chrome-extensions durante l'installazione di Modern Web Guidance:
npx modern-web-guidance@latest install --choose
Visualizza la competenza chrome-extensions su GitHub
Passaggi successivi
Ora che hai compreso Modern Web Guidance, provalo tu stesso. Scopri le funzionalità e i casi d'uso supportati in Modern Web Guidance e prova alcuni prompt di esempio per iniziare.