Sviluppo web
HTML, CSS, JavaScript, performance, accessibilità e sicurezza delle applicazioni web.
Accessibilità web: le basi che ogni sviluppatore deve conoscere
I principi WCAG in pratica: contrasto, navigazione da tastiera, focus visibile, testi alternativi, zoom e movimento ridotto, con i controlli da fare oggi.
Progettare un'API REST chiara: risorse, metodi e codici di stato
Come progettare un'API REST chiara: URL basati su risorse, metodi HTTP, codici di stato, errori coerenti, paginazione, versioni e sicurezza di base.
ARIA: quando serve davvero e quando peggiora le cose
Ruoli, stati e proprietà ARIA con esempi: la prima regola di ARIA, aria-label, aria-expanded, regioni live e gli errori che rompono l'accessibilità.
Caching HTTP: Cache-Control, ETag e versioning degli asset
Come funziona la cache HTTP: Cache-Control, validazione con ETag, nomi di file con hash e una strategia sicura per HTML, CSS, JavaScript e API.
Caricare JavaScript e CSS: defer, async e risorse bloccanti
Perché script e CSS possono bloccare la pagina e come usare defer, async, preload e preconnect per mostrare prima il contenuto a chi visita il sito.
CMS o sito statico: come scegliere per il tuo progetto
CMS tradizionale, headless o generatore statico: confronto pratico su redazione, manutenzione, sicurezza e costi per scegliere l'architettura giusta.
Container queries CSS: componenti davvero responsive
Le container queries adattano un componente allo spazio del contenitore e non alla finestra: sintassi, unità cqi e quando preferirle alle media query.
Content Security Policy: configurarla senza rompere il sito
Come funziona la Content Security Policy: direttive principali, perché evitare unsafe-inline, nonce, hash e modalità Report-Only per introdurla per gradi.
Cookie sicuri: Secure, HttpOnly e SameSite spiegati
Gli attributi che proteggono i cookie di sessione: Secure, HttpOnly, SameSite, Domain, Path, scadenza e prefisso __Host-, con una configurazione pronta.
Core Web Vitals spiegati: LCP, INP e CLS senza gergo
Cosa misurano LCP, INP e CLS, quali soglie rispettare, come leggere dati di laboratorio e di campo e quali interventi migliorano davvero ogni metrica.
CORS spiegato: perché il browser blocca la tua richiesta
Same-origin policy, richieste semplici e preflight, header Access-Control e credenziali: come funziona CORS e come configurarlo in modo sicuro sul server.
CSS Grid o Flexbox: quando usare l'uno o l'altro
Differenze pratiche tra CSS Grid e Flexbox: layout a una o due dimensioni, esempi di codice e criteri semplici per scegliere lo strumento giusto.
Dati strutturati con Schema.org e JSON-LD: guida pratica
Cosa sono i dati strutturati, perché JSON-LD è il formato più comodo, esempi per articoli, organizzazioni e breadcrumb e come verificarli senza errori.
Fetch e async/await in JavaScript: errori, timeout e tentativi
Usare fetch con async/await nel modo giusto: controllo di response.ok, errori di rete, timeout con AbortController, richieste parallele e nuovi tentativi.
Web font senza rallentare il sito: WOFF2, font-display e subset
Come caricare i web font in modo efficiente: WOFF2, font-display, preload, subset con unicode-range, font variabili e riserve calibrate contro il CLS.
Form HTML accessibili e sicuri: validazione e buone pratiche
Come costruire form HTML usabili da tutti: etichette, tipi di input, autocomplete, messaggi di errore, validazione nel browser e sul server, antispam.
Header di sicurezza HTTP che ogni sito dovrebbe avere
HSTS, X-Content-Type-Options, Referrer-Policy, Permissions-Policy e protezione dal clickjacking: cosa fa ogni header di sicurezza e come configurarlo bene.
Hosting statico e CDN: cosa deve sapere uno sviluppatore
Deploy atomici, anteprime, redirect e rewrite, pagine 404, variabili d'ambiente e funzioni edge: come lavorare bene con un hosting statico e un CDN.
HTML semantico: perché conta e come usarlo bene
Cos'è l'HTML semantico, quali elementi usare al posto dei div generici e perché migliora accessibilità, SEO e manutenzione del codice, con esempi pratici.
Immagini per il web: formati, dimensioni e lazy loading
Come scegliere tra JPEG, PNG, WebP, AVIF e SVG, servire la dimensione giusta con srcset e sizes e usare il lazy loading senza rallentare la pagina.
Moduli ES in JavaScript: import, export e uso nel browser
Come funzionano i moduli ES: export con nome e predefiniti, import dinamico, script type module, import map e differenze con CommonJS, con esempi pratici.
Prevenire il cross-site scripting (XSS): guida per sviluppatori
Cos'è il cross-site scripting, perché nasce da dati non fidati nel contesto sbagliato e quali pratiche di codifica e sanitizzazione lo prevengono davvero.
SEO tecnica per sviluppatori: cosa controllare nel codice
Robots.txt, noindex, canonical, sitemap, codici di stato, redirect, hreflang e rendering JavaScript: i controlli di SEO tecnica dello sviluppatore.
Siti statici: vantaggi, limiti e quando sceglierli
Cos'è un sito statico generato in fase di build, perché è veloce e sicuro, quali limiti ha davvero e come gestire form, ricerca e contenuti aggiornati.
Variabili CSS (custom properties): guida pratica
Come funzionano le variabili CSS: dichiarazione, ereditarietà, valori di riserva, temi chiaro e scuro e modifica da JavaScript, con esempi pronti da usare.