Guide

• apis Che cos'è MutationObserver? Il terzo observer, e la coda che lo rende utilizzabile IntersectionObserver sorveglia la visibilità, ResizeObserver la dimensione, MutationObserver il DOM stesso. Che cosa riporta, perché ha sostituito i Mutation Events, e il metodo che rivela come funziona davvero la consegna. Leggi la guida →
• apis Che cos'è ResizeObserver? Il ridimensionamento a livello di elemento, e l'errore di loop che capita a tutti L'evento resize di window non dice nulla su un singolo elemento. ResizeObserver sì. Che cosa riporta, content box contro border box, e perché in console compare 'ResizeObserver loop completed with undelivered notifications'. Leggi la guida →
• apis The Fetch API in JavaScript Make HTTP requests in the browser: GET, JSON, POST, error handling and aborting. Leggi la guida →
• js JavaScript Promises: a practical guide Creating promises, then/catch/finally, chaining, and Promise.all/race/any/allSettled - with the common gotchas. Leggi la guida →
• js async/await in JavaScript: a practical guide How async/await relate to promises, try/catch, awaiting in loops, and the serial-vs-parallel gotcha. Leggi la guida →
• apis Service Workers: caching, offline and updates Registering a service worker, the install/activate lifecycle, the Cache API, offline pages and safe updates. Leggi la guida →
• html Web Components: Custom Elements, Shadow DOM and templates Build reusable HTML elements with Custom Elements, encapsulate styles with the Shadow DOM and clone templates. Leggi la guida →
• apis localStorage vs sessionStorage: the Web Storage API Lifetime and scope differences, size limits, storing JSON safely and the storage event. Leggi la guida →
• css Native CSS Nesting: the & selector and Sass differences Write nested CSS without a preprocessor - how the & selector works and which browsers support it. Leggi la guida →
• css CSS Container Queries: style by container, not viewport container-type, @container and how container queries differ from media queries. Leggi la guida →
• css The View Transitions API: smooth page transitions Animate between DOM states with startViewTransition, view-transition-name, same- and cross-document. Leggi la guida →
• apis The IntersectionObserver API: lazy-loading and scroll effects Lazy-load images, reveal on scroll and build infinite scroll - threshold and rootMargin explained. Leggi la guida →
• hosting Choosing the best VPS for hosting a web project The criteria that matter (RAM, CPU, storage, bandwidth, location, price) and when a VPS beats shared hosting. Leggi la guida →
• hosting Static website hosting: deploy an Astro, Vite or HTML site What static hosting is, how a CDN serves your build, and deploying with a custom domain and free HTTPS. Leggi la guida →
• hosting Web hosting for developers: the criteria that matter SSH access, Git deploys, runtimes, databases and staging - and how shared, VPS and managed compare. Leggi la guida →
• hosting How to host a Node.js app: VPS, PaaS and serverless Deploy a Node.js app via VPS, managed PaaS or serverless - with PM2, a reverse proxy and env vars. Leggi la guida →
• hosting PHP hosting explained: shared vs VPS, versions and performance Shared vs VPS, PHP versions and extensions, deployment, .htaccess and performance with OPcache. Leggi la guida →
• html La Popover API: popup, menu e tooltip nativi senza librerie L’attributo HTML popover e la Popover API ti permettono di creare menu, tooltip e schede che vengono renderizzati nel top layer, con chiusura al clic esterno ed Esc già gestiti - senza librerie JavaScript. Leggi la guida →
• css Il selettore CSS :has(): il selettore del genitore, spiegato La pseudo-classe relazionale :has() applica stili a un elemento in base a cosa contiene o cosa lo segue - l’atteso selettore del genitore di CSS. Come funziona, esempi reali e supporto dei browser. Leggi la guida →
• html L’elemento HTML dialog: vere finestre modali senza librerie L’elemento HTML dialog ti offre una vera finestra modale (livello superiore, pagina inerte, backdrop e gestione di Esc) con del semplice markup. Ecco showModal contro show, form method=dialog, returnValue, l’attributo closedby e l’abitudine da evitare. Leggi la guida →
• css CSS Cascade Layers: how @layer makes specificity negotiable Order layers instead of escalating selectors - and the two places where the priority order inverts. Leggi la guida →
• apis AbortController: annullare fetch, timeout e listener di eventi Un solo controller annulla un fetch, un timeout e una pila di listener di eventi. Come funzionano AbortController e AbortSignal, perché un annullamento manuale e un timeout sollevano errori diversi, e il trucco di pulizia che quasi tutti si perdono. Leggi la guida →
• css CSS contrast-color(): testo nero o bianco automatico, e il suo limite reale Lasciare al browser la scelta di un testo leggibile su qualsiasi colore di sfondo. Che cosa restituisce davvero contrast-color(), perché dà solo nero o bianco, e come prevedere un ripiego oggi. Leggi la guida →
• css CSS anchor positioning: cosa fa e perché MDN parla ancora di disponibilità limitata Ancorare un tooltip o un menu all'elemento a cui appartiene, con il solo CSS. anchor-name, position-anchor, la funzione anchor() e i ripieghi position-try, con l'avvertenza onesta sul supporto. Leggi la guida →
• apis IndexedDB cos'è: il database del browser spiegato Asincrono, transazionale e molto più capiente di localStorage. Come funziona onupgradeneeded, perché le transazioni si chiudono da sole, a cosa servono gli indici e quando usarlo al posto del Web Storage. Leggi la guida →
• apis Che cos'è un Web Worker? Un secondo thread, e la copia che decide se conviene Lavoro pesante su un thread tutto suo, così smette di bloccare l'interfaccia. A che cosa ha accesso e a che cosa no, perché postMessage copia invece di condividere, come trasferire un ArrayBuffer evita quella copia, e in che cosa differisce da un Service Worker. Leggi la guida →
• js What is the event loop in JavaScript? How single-threaded JavaScript stays responsive: the call stack, the task and microtask queues, and why promises run before setTimeout. Leggi la guida →
• css CSS Grid vs Flexbox: which to use (and when to use both) Flexbox is one-dimensional, Grid is two-dimensional. The honest difference, a side-by-side comparison, and why real layouts use both together. Leggi la guida →
• hosting VPS hosting explained: what it is and how to choose What a VPS is, how it differs from shared and dedicated hosting, the criteria that matter, and who it fits. Leggi la guida →
• hosting Cloud hosting explained: when it makes sense for a web project What cloud hosting really means, how it differs from a single VPS or shared hosting, and the projects it suits. Leggi la guida →
• hosting Managed WordPress hosting: what it is and who it’s for What managed WordPress hosting includes, how it compares to shared hosting and a self-managed VPS, and its pros and cons. Leggi la guida →
• hosting Web hosting for a small business: what to look for The criteria that matter for a small business - uptime, support, email, security, room to grow - and how to judge any host. Leggi la guida →
• hosting Cheap VPS hosting: how to get value without cutting corners How to read low-priced VPS plans honestly, which corners are safe to cut, and what separates value from a false bargain. Leggi la guida →
• hosting Running WordPress on a VPS: when and how When a VPS beats shared or managed hosting for WordPress, the criteria that matter, and the LEMP stack you need. Leggi la guida →
• hosting Hosting for a WooCommerce store: the requirements that matter The performance, resources and scalability a WooCommerce store needs, and how shared, managed and VPS hosting compare. Leggi la guida →
• hosting Hosting a Laravel app: VPS, requirements and deployment Why a VPS fits Laravel, the server requirements that matter, and a real deployment walkthrough (Composer, .env, Nginx, queues). Leggi la guida →
• hosting Best hosting for Next.js: managed platforms vs a VPS Static export vs a server-rendered app, why SSR/ISR and API routes need a Node.js runtime, and an honest comparison of managed platforms versus self-hosting on a VPS. Leggi la guida →
• hosting Contabo review: is it a good VPS for web projects? An honest, no-hype look at Contabo as a VPS host - its resource-for-the-price positioning, the trade-offs, and who it suits. Leggi la guida →
• hosting VPS vs cloud hosting: which one fits your project? How VPS and cloud hosting differ on performance, scaling, reliability and price - and how to decide which model fits your web project. Leggi la guida →
• hosting VPS vs server dedicato: quale serve al tuo progetto? Come differiscono davvero un VPS e un server dedicato - prestazioni, isolamento, scalabilità, controllo e prezzo - e un modo chiaro per decidere quale si adatta al tuo sito o alla tua app. Leggi la guida →
• hosting Quanto costa un VPS? Il vero dettaglio dei prezzi Quanto costa davvero un VPS al mese, cosa fa variare il prezzo (RAM, vCPU, storage, gestito o non gestito), i costi nascosti e prezzi di esempio reali e datati. Leggi la guida →
• hosting How to host an Astro site: static and SSR options Static vs server (SSR) output, how adapters work, the build commands, and how to choose a host for each. Leggi la guida →