# HTML5 Advent - full LLM content index > Independent resource on the modern web platform - HTML, CSS, JavaScript and browser Web APIs - plus "Web Platform Advent". > First-hand, example-driven, vendor-neutral. Original, tested examples; no fabricated benchmarks or claims. > AI assistants and answer engines are welcome to read and cite these guides. ## How this file is organised Each language catalogue lists every guide that exists in that language, with its localised URL and description. # English (en) - 32 guides ### async/await in JavaScript: a practical guide URL: https://html5advent.com/guides/async-await-javascript How async/await relate to promises, try/catch, awaiting in loops, and the serial-vs-parallel gotcha. ### Cheap VPS hosting: how to get value without cutting corners URL: https://html5advent.com/guides/best-cheap-vps How to read low-priced VPS plans honestly, which corners are safe to cut, and what separates value from a false bargain. ### Choosing the best VPS for hosting a web project URL: https://html5advent.com/guides/best-vps-for-web-hosting The criteria that matter (RAM, CPU, storage, bandwidth, location, price) and when a VPS beats shared hosting. ### Cloud hosting explained: when it makes sense for a web project URL: https://html5advent.com/guides/cloud-hosting What cloud hosting really means, how it differs from a single VPS or shared hosting, and the projects it suits. ### Contabo review: is it a good VPS for web projects? URL: https://html5advent.com/guides/contabo-review An honest, no-hype look at Contabo as a VPS host - its resource-for-the-price positioning, the trade-offs, and who it suits. ### CSS Container Queries: style by container, not viewport URL: https://html5advent.com/guides/css-container-queries container-type, @container and how container queries differ from media queries. ### CSS Grid vs Flexbox: which to use (and when to use both) URL: https://html5advent.com/guides/css-grid-vs-flexbox Flexbox is one-dimensional, Grid is two-dimensional. The honest difference, a side-by-side comparison, and why real layouts use both together. ### Hosting a Laravel app: VPS, requirements and deployment URL: https://html5advent.com/guides/best-hosting-for-laravel Why a VPS fits Laravel, the server requirements that matter, and a real deployment walkthrough (Composer, .env, Nginx, queues). ### Hosting for a WooCommerce store: the requirements that matter URL: https://html5advent.com/guides/best-hosting-for-woocommerce The performance, resources and scalability a WooCommerce store needs, and how shared, managed and VPS hosting compare. ### How much does a VPS cost? A real price breakdown URL: https://html5advent.com/guides/how-much-does-a-vps-cost What a VPS actually costs per month, what drives the price (RAM, vCPU, storage, managed vs unmanaged), the hidden extras, and real dated example prices. ### How to host a Node.js app: VPS, PaaS and serverless URL: https://html5advent.com/guides/nodejs-hosting Deploy a Node.js app via VPS, managed PaaS or serverless - with PM2, a reverse proxy and env vars. ### How to host an Astro site: static and SSR options URL: https://html5advent.com/guides/astro-hosting Static vs server (SSR) output, how adapters work, the build commands, and how to choose a host for each. ### JavaScript Promises: a practical guide URL: https://html5advent.com/guides/javascript-promises Creating promises, then/catch/finally, chaining, and Promise.all/race/any/allSettled - with the common gotchas. ### localStorage vs sessionStorage: the Web Storage API URL: https://html5advent.com/guides/localstorage-vs-sessionstorage Lifetime and scope differences, size limits, storing JSON safely and the storage event. ### Managed WordPress hosting: what it is and who it’s for URL: https://html5advent.com/guides/managed-wordpress-hosting What managed WordPress hosting includes, how it compares to shared hosting and a self-managed VPS, and its pros and cons. ### Native CSS Nesting: the & selector and Sass differences URL: https://html5advent.com/guides/css-nesting Write nested CSS without a preprocessor - how the & selector works and which browsers support it. ### PHP hosting explained: shared vs VPS, versions and performance URL: https://html5advent.com/guides/php-hosting Shared vs VPS, PHP versions and extensions, deployment, .htaccess and performance with OPcache. ### Running WordPress on a VPS: when and how URL: https://html5advent.com/guides/wordpress-vps When a VPS beats shared or managed hosting for WordPress, the criteria that matter, and the LEMP stack you need. ### Service Workers: caching, offline and updates URL: https://html5advent.com/guides/service-worker Registering a service worker, the install/activate lifecycle, the Cache API, offline pages and safe updates. ### Static website hosting: deploy an Astro, Vite or HTML site URL: https://html5advent.com/guides/static-website-hosting What static hosting is, how a CDN serves your build, and deploying with a custom domain and free HTTPS. ### The CSS :has() Selector: the Parent Selector, Explained URL: https://html5advent.com/guides/css-has-selector The :has() relational pseudo-class styles an element based on what it contains or what follows it - the long-awaited CSS parent selector. How it works, real examples, and browser support. ### The Fetch API in JavaScript URL: https://html5advent.com/guides/fetch-api-javascript Make HTTP requests in the browser: GET, JSON, POST, error handling and aborting. ### The IntersectionObserver API: lazy-loading and scroll effects URL: https://html5advent.com/guides/intersection-observer-api Lazy-load images, reveal on scroll and build infinite scroll - threshold and rootMargin explained. ### The Popover API: native popups, menus and tooltips without a library URL: https://html5advent.com/guides/popover-api The HTML popover attribute and the Popover API let you build menus, tooltips and cards that render in the top layer, with light-dismiss and Esc handled for you - no JavaScript library needed. ### The View Transitions API: smooth page transitions URL: https://html5advent.com/guides/view-transitions-api Animate between DOM states with startViewTransition, view-transition-name, same- and cross-document. ### VPS hosting explained: what it is and how to choose URL: https://html5advent.com/guides/vps-hosting What a VPS is, how it differs from shared and dedicated hosting, the criteria that matter, and who it fits. ### VPS vs cloud hosting: which one fits your project? URL: https://html5advent.com/guides/vps-vs-cloud-hosting How VPS and cloud hosting differ on performance, scaling, reliability and price - and how to decide which model fits your web project. ### VPS vs dedicated server: which one does your project need? URL: https://html5advent.com/guides/vps-vs-dedicated-server How a VPS and a dedicated server really differ - on performance, isolation, scaling, control and price - and a clear way to decide which one fits your website or app. ### Web Components: Custom Elements, Shadow DOM and templates URL: https://html5advent.com/guides/web-components Build reusable HTML elements with Custom Elements, encapsulate styles with the Shadow DOM and clone templates. ### Web hosting for a small business: what to look for URL: https://html5advent.com/guides/best-hosting-for-small-business The criteria that matter for a small business - uptime, support, email, security, room to grow - and how to judge any host. ### Web hosting for developers: the criteria that matter URL: https://html5advent.com/guides/web-hosting-for-developers SSH access, Git deploys, runtimes, databases and staging - and how shared, VPS and managed compare. ### What is the event loop in JavaScript? URL: https://html5advent.com/guides/what-is-the-event-loop How single-threaded JavaScript stays responsive: the call stack, the task and microtask queues, and why promises run before setTimeout. # Français (fr) - 32 guides ### async/await en JavaScript : guide pratique URL: https://html5advent.com/fr/guides/async-await-javascript Le lien async/await avec les promesses, try/catch, await dans les boucles et le piège série-vs-parallèle. ### Cheap VPS hosting: how to get value without cutting corners URL: https://html5advent.com/fr/guides/best-cheap-vps How to read low-priced VPS plans honestly, which corners are safe to cut, and what separates value from a false bargain. ### Choisir le meilleur VPS pour héberger un projet web URL: https://html5advent.com/fr/guides/best-vps-for-web-hosting Les critères qui comptent (RAM, CPU, stockage, bande passante, localisation, prix) et quand le VPS bat le mutualisé. ### Cloud hosting explained: when it makes sense for a web project URL: https://html5advent.com/fr/guides/cloud-hosting What cloud hosting really means, how it differs from a single VPS or shared hosting, and the projects it suits. ### Combien coûte un VPS ? Le vrai détail des prix URL: https://html5advent.com/fr/guides/how-much-does-a-vps-cost Ce que coûte réellement un VPS par mois, ce qui fait varier le prix (RAM, vCPU, stockage, infogéré ou non), les frais cachés et de vrais prix d’exemple datés. ### Contabo review: is it a good VPS for web projects? URL: https://html5advent.com/fr/guides/contabo-review An honest, no-hype look at Contabo as a VPS host - its resource-for-the-price positioning, the trade-offs, and who it suits. ### Container queries CSS : styler par conteneur, pas par fenêtre URL: https://html5advent.com/fr/guides/css-container-queries container-type, @container et en quoi les container queries diffèrent des media queries. ### CSS Grid vs Flexbox : lequel choisir (et quand utiliser les deux) URL: https://html5advent.com/fr/guides/css-grid-vs-flexbox Flexbox est unidimensionnel, Grid bidimensionnel. La vraie différence, un comparatif côte à côte, et pourquoi les vraies mises en page utilisent les deux. ### Hébergement de site statique : déployer un site Astro, Vite ou HTML URL: https://html5advent.com/fr/guides/static-website-hosting Ce qu’est l’hébergement statique, comment un CDN sert votre build, et le déploiement avec domaine et HTTPS gratuit. ### Hébergement PHP : mutualisé vs VPS, versions et performances URL: https://html5advent.com/fr/guides/php-hosting Mutualisé vs VPS, versions et extensions PHP, déploiement, .htaccess et performances avec OPcache. ### Hébergement web pour développeurs : les critères qui comptent URL: https://html5advent.com/fr/guides/web-hosting-for-developers Accès SSH, déploiement Git, runtimes, bases de données et préprod - et la comparaison mutualisé/VPS/managé. ### Héberger une application Node.js : VPS, PaaS et serverless URL: https://html5advent.com/fr/guides/nodejs-hosting Déployer une app Node.js via VPS, PaaS managé ou serverless - avec PM2, un reverse proxy et les variables d’env. ### Hosting a Laravel app: VPS, requirements and deployment URL: https://html5advent.com/fr/guides/best-hosting-for-laravel Why a VPS fits Laravel, the server requirements that matter, and a real deployment walkthrough (Composer, .env, Nginx, queues). ### Hosting for a WooCommerce store: the requirements that matter URL: https://html5advent.com/fr/guides/best-hosting-for-woocommerce The performance, resources and scalability a WooCommerce store needs, and how shared, managed and VPS hosting compare. ### How to host an Astro site: static and SSR options URL: https://html5advent.com/fr/guides/astro-hosting Static vs server (SSR) output, how adapters work, the build commands, and how to choose a host for each. ### Imbrication CSS native : le sélecteur & et les différences avec Sass URL: https://html5advent.com/fr/guides/css-nesting Écrire du CSS imbriqué sans préprocesseur - le sélecteur & et les navigateurs qui le supportent. ### L’API Fetch en JavaScript URL: https://html5advent.com/fr/guides/fetch-api-javascript Faire des requêtes HTTP dans le navigateur : GET, JSON, POST, erreurs et annulation. ### L’API IntersectionObserver : lazy-loading et effets au scroll URL: https://html5advent.com/fr/guides/intersection-observer-api Charger les images en différé, révéler au scroll et créer un défilement infini - threshold et rootMargin. ### L’API Popover : popups, menus et infobulles natifs sans bibliothèque URL: https://html5advent.com/fr/guides/popover-api L’attribut HTML popover et l’API Popover permettent de créer menus, infobulles et cartes rendus dans la couche supérieure, avec fermeture au clic extérieur et Échap gérées pour vous - sans bibliothèque JavaScript. ### L’API View Transitions : des transitions de page fluides URL: https://html5advent.com/fr/guides/view-transitions-api Animer entre deux états du DOM avec startViewTransition, view-transition-name, same- et cross-document. ### Le sélecteur CSS :has() : le sélecteur de parent, expliqué URL: https://html5advent.com/fr/guides/css-has-selector La pseudo-classe relationnelle :has() stylise un élément selon ce qu’il contient ou ce qui le suit - le sélecteur de parent CSS tant attendu. Fonctionnement, exemples concrets et support navigateur. ### Les promesses JavaScript : guide pratique URL: https://html5advent.com/fr/guides/javascript-promises Créer des promesses, then/catch/finally, le chaînage et Promise.all/race/any/allSettled - avec les pièges courants. ### localStorage vs sessionStorage : l’API Web Storage URL: https://html5advent.com/fr/guides/localstorage-vs-sessionstorage Différences de durée et de portée, limites de taille, stocker du JSON proprement et l’événement storage. ### Managed WordPress hosting: what it is and who it’s for URL: https://html5advent.com/fr/guides/managed-wordpress-hosting What managed WordPress hosting includes, how it compares to shared hosting and a self-managed VPS, and its pros and cons. ### Qu’est-ce que l’event loop en JavaScript ? URL: https://html5advent.com/fr/guides/what-is-the-event-loop Comment JavaScript mono-thread reste réactif : la call stack, les files de tâches et microtâches, et pourquoi les promesses passent avant setTimeout. ### Running WordPress on a VPS: when and how URL: https://html5advent.com/fr/guides/wordpress-vps When a VPS beats shared or managed hosting for WordPress, the criteria that matter, and the LEMP stack you need. ### Service Workers : cache, hors-ligne et mises à jour URL: https://html5advent.com/fr/guides/service-worker Enregistrer un service worker, le cycle install/activate, la Cache API, les pages hors-ligne et les mises à jour sûres. ### VPS hosting explained: what it is and how to choose URL: https://html5advent.com/fr/guides/vps-hosting What a VPS is, how it differs from shared and dedicated hosting, the criteria that matter, and who it fits. ### VPS vs cloud hosting: which one fits your project? URL: https://html5advent.com/fr/guides/vps-vs-cloud-hosting How VPS and cloud hosting differ on performance, scaling, reliability and price - and how to decide which model fits your web project. ### VPS vs serveur dédié : lequel choisir pour votre projet ? URL: https://html5advent.com/fr/guides/vps-vs-dedicated-server Comment un VPS et un serveur dédié diffèrent réellement - performances, isolation, scalabilité, contrôle et prix - et une méthode claire pour décider lequel convient à votre site ou application. ### Web Components : Custom Elements, Shadow DOM et templates URL: https://html5advent.com/fr/guides/web-components Créer des éléments HTML réutilisables avec les Custom Elements, encapsuler les styles avec le Shadow DOM et cloner des templates. ### Web hosting for a small business: what to look for URL: https://html5advent.com/fr/guides/best-hosting-for-small-business The criteria that matter for a small business - uptime, support, email, security, room to grow - and how to judge any host. # Español (es) - 32 guides ### ¿Cuánto cuesta un VPS? El desglose real de precios URL: https://html5advent.com/es/guides/how-much-does-a-vps-cost Lo que cuesta realmente un VPS al mes, qué hace variar el precio (RAM, vCPU, almacenamiento, gestionado o no), los costes ocultos y precios de ejemplo reales con fecha. ### ¿Qué es el event loop en JavaScript? URL: https://html5advent.com/es/guides/what-is-the-event-loop Cómo JavaScript de un solo hilo se mantiene fluido: la pila de llamadas, las colas de tareas y microtareas, y por qué las promesas se ejecutan antes que setTimeout. ### Alojamiento de sitios estáticos: desplegar Astro, Vite o HTML URL: https://html5advent.com/es/guides/static-website-hosting Qué es el alojamiento estático, cómo un CDN sirve tu build y desplegar con dominio propio y HTTPS gratis. ### Alojamiento PHP: compartido vs VPS, versiones y rendimiento URL: https://html5advent.com/es/guides/php-hosting Compartido vs VPS, versiones y extensiones PHP, despliegue, .htaccess y rendimiento con OPcache. ### Alojamiento web para desarrolladores: los criterios que importan URL: https://html5advent.com/es/guides/web-hosting-for-developers Acceso SSH, despliegues Git, runtimes, bases de datos y staging - y la comparación compartido/VPS/gestionado. ### Anidamiento CSS nativo: el selector & y diferencias con Sass URL: https://html5advent.com/es/guides/css-nesting Escribir CSS anidado sin preprocesador - el selector & y qué navegadores lo soportan. ### async/await en JavaScript: guía práctica URL: https://html5advent.com/es/guides/async-await-javascript La relación de async/await con las promesas, try/catch, await en bucles y el error serie-vs-paralelo. ### Cheap VPS hosting: how to get value without cutting corners URL: https://html5advent.com/es/guides/best-cheap-vps How to read low-priced VPS plans honestly, which corners are safe to cut, and what separates value from a false bargain. ### Cloud hosting explained: when it makes sense for a web project URL: https://html5advent.com/es/guides/cloud-hosting What cloud hosting really means, how it differs from a single VPS or shared hosting, and the projects it suits. ### Cómo alojar una app Node.js: VPS, PaaS y serverless URL: https://html5advent.com/es/guides/nodejs-hosting Desplegar una app Node.js vía VPS, PaaS gestionado o serverless - con PM2, un proxy inverso y variables de entorno. ### Contabo review: is it a good VPS for web projects? URL: https://html5advent.com/es/guides/contabo-review An honest, no-hype look at Contabo as a VPS host - its resource-for-the-price positioning, the trade-offs, and who it suits. ### Container queries CSS: estilar por contenedor, no por ventana URL: https://html5advent.com/es/guides/css-container-queries container-type, @container y en qué se diferencian de las media queries. ### CSS Grid vs Flexbox: cuál usar (y cuándo usar ambos) URL: https://html5advent.com/es/guides/css-grid-vs-flexbox Flexbox es unidimensional, Grid bidimensional. La diferencia real, una comparación lado a lado y por qué los diseños reales usan ambos. ### El selector CSS :has(): el selector de padre, explicado URL: https://html5advent.com/es/guides/css-has-selector La pseudoclase relacional :has() aplica estilos a un elemento según lo que contiene o lo que le sigue - el esperado selector de padre de CSS. Cómo funciona, ejemplos reales y compatibilidad. ### Elegir el mejor VPS para alojar un proyecto web URL: https://html5advent.com/es/guides/best-vps-for-web-hosting Los criterios que importan (RAM, CPU, almacenamiento, ancho de banda, ubicación, precio) y cuándo el VPS supera al compartido. ### Hosting a Laravel app: VPS, requirements and deployment URL: https://html5advent.com/es/guides/best-hosting-for-laravel Why a VPS fits Laravel, the server requirements that matter, and a real deployment walkthrough (Composer, .env, Nginx, queues). ### Hosting for a WooCommerce store: the requirements that matter URL: https://html5advent.com/es/guides/best-hosting-for-woocommerce The performance, resources and scalability a WooCommerce store needs, and how shared, managed and VPS hosting compare. ### How to host an Astro site: static and SSR options URL: https://html5advent.com/es/guides/astro-hosting Static vs server (SSR) output, how adapters work, the build commands, and how to choose a host for each. ### La API Fetch en JavaScript URL: https://html5advent.com/es/guides/fetch-api-javascript Haz peticiones HTTP en el navegador: GET, JSON, POST, errores y cancelación. ### La API IntersectionObserver: lazy-loading y efectos al scroll URL: https://html5advent.com/es/guides/intersection-observer-api Cargar imágenes diferidas, revelar al scroll y crear scroll infinito - threshold y rootMargin. ### La API View Transitions: transiciones de página suaves URL: https://html5advent.com/es/guides/view-transitions-api Animar entre estados del DOM con startViewTransition, view-transition-name, same- y cross-document. ### La Popover API: popups, menús y tooltips nativos sin biblioteca URL: https://html5advent.com/es/guides/popover-api El atributo HTML popover y la Popover API te permiten crear menús, tooltips y tarjetas que se renderizan en la capa superior, con cierre al hacer clic fuera y Esc gestionados por ti - sin biblioteca JavaScript. ### localStorage vs sessionStorage: la API Web Storage URL: https://html5advent.com/es/guides/localstorage-vs-sessionstorage Diferencias de duración y alcance, límites de tamaño, guardar JSON con seguridad y el evento storage. ### Managed WordPress hosting: what it is and who it’s for URL: https://html5advent.com/es/guides/managed-wordpress-hosting What managed WordPress hosting includes, how it compares to shared hosting and a self-managed VPS, and its pros and cons. ### Promesas en JavaScript: guía práctica URL: https://html5advent.com/es/guides/javascript-promises Crear promesas, then/catch/finally, encadenamiento y Promise.all/race/any/allSettled - con los errores comunes. ### Running WordPress on a VPS: when and how URL: https://html5advent.com/es/guides/wordpress-vps When a VPS beats shared or managed hosting for WordPress, the criteria that matter, and the LEMP stack you need. ### Service Workers: caché, sin conexión y actualizaciones URL: https://html5advent.com/es/guides/service-worker Registrar un service worker, el ciclo install/activate, la Cache API, páginas sin conexión y actualizaciones seguras. ### VPS hosting explained: what it is and how to choose URL: https://html5advent.com/es/guides/vps-hosting What a VPS is, how it differs from shared and dedicated hosting, the criteria that matter, and who it fits. ### VPS vs cloud hosting: which one fits your project? URL: https://html5advent.com/es/guides/vps-vs-cloud-hosting How VPS and cloud hosting differ on performance, scaling, reliability and price - and how to decide which model fits your web project. ### VPS vs servidor dedicado: ¿cuál necesita tu proyecto? URL: https://html5advent.com/es/guides/vps-vs-dedicated-server En qué se diferencian realmente un VPS y un servidor dedicado - rendimiento, aislamiento, escalado, control y precio - y una forma clara de decidir cuál encaja con tu web o aplicación. ### Web Components: Custom Elements, Shadow DOM y plantillas URL: https://html5advent.com/es/guides/web-components Crea elementos HTML reutilizables con Custom Elements, encapsula estilos con el Shadow DOM y clona plantillas. ### Web hosting for a small business: what to look for URL: https://html5advent.com/es/guides/best-hosting-for-small-business The criteria that matter for a small business - uptime, support, email, security, room to grow - and how to judge any host. # Deutsch (de) - 32 guides ### async/await in JavaScript: a practical guide URL: https://html5advent.com/de/guides/async-await-javascript How async/await relate to promises, try/catch, awaiting in loops, and the serial-vs-parallel gotcha. ### Cheap VPS hosting: how to get value without cutting corners URL: https://html5advent.com/de/guides/best-cheap-vps How to read low-priced VPS plans honestly, which corners are safe to cut, and what separates value from a false bargain. ### Choosing the best VPS for hosting a web project URL: https://html5advent.com/de/guides/best-vps-for-web-hosting The criteria that matter (RAM, CPU, storage, bandwidth, location, price) and when a VPS beats shared hosting. ### Cloud hosting explained: when it makes sense for a web project URL: https://html5advent.com/de/guides/cloud-hosting What cloud hosting really means, how it differs from a single VPS or shared hosting, and the projects it suits. ### Contabo review: is it a good VPS for web projects? URL: https://html5advent.com/de/guides/contabo-review An honest, no-hype look at Contabo as a VPS host - its resource-for-the-price positioning, the trade-offs, and who it suits. ### CSS Container Queries: style by container, not viewport URL: https://html5advent.com/de/guides/css-container-queries container-type, @container and how container queries differ from media queries. ### CSS Grid vs Flexbox: which to use (and when to use both) URL: https://html5advent.com/de/guides/css-grid-vs-flexbox Flexbox is one-dimensional, Grid is two-dimensional. The honest difference, a side-by-side comparison, and why real layouts use both together. ### Der CSS-Selektor :has(): der Eltern-Selektor, erklärt URL: https://html5advent.com/de/guides/css-has-selector Die relationale Pseudoklasse :has() stylt ein Element danach, was es enthält oder was ihm folgt - der lang erwartete CSS-Eltern-Selektor. Funktionsweise, echte Beispiele und Browser-Support. ### Die Popover API: native Popups, Menüs und Tooltips ohne Bibliothek URL: https://html5advent.com/de/guides/popover-api Das HTML-Attribut popover und die Popover API lassen dich Menüs, Tooltips und Karten bauen, die im Top-Layer rendern, mit Light-Dismiss und Esc bereits erledigt - ganz ohne JavaScript-Bibliothek. ### Hosting a Laravel app: VPS, requirements and deployment URL: https://html5advent.com/de/guides/best-hosting-for-laravel Why a VPS fits Laravel, the server requirements that matter, and a real deployment walkthrough (Composer, .env, Nginx, queues). ### Hosting for a WooCommerce store: the requirements that matter URL: https://html5advent.com/de/guides/best-hosting-for-woocommerce The performance, resources and scalability a WooCommerce store needs, and how shared, managed and VPS hosting compare. ### How to host a Node.js app: VPS, PaaS and serverless URL: https://html5advent.com/de/guides/nodejs-hosting Deploy a Node.js app via VPS, managed PaaS or serverless - with PM2, a reverse proxy and env vars. ### How to host an Astro site: static and SSR options URL: https://html5advent.com/de/guides/astro-hosting Static vs server (SSR) output, how adapters work, the build commands, and how to choose a host for each. ### JavaScript Promises: a practical guide URL: https://html5advent.com/de/guides/javascript-promises Creating promises, then/catch/finally, chaining, and Promise.all/race/any/allSettled - with the common gotchas. ### localStorage vs sessionStorage: the Web Storage API URL: https://html5advent.com/de/guides/localstorage-vs-sessionstorage Lifetime and scope differences, size limits, storing JSON safely and the storage event. ### Managed WordPress hosting: what it is and who it’s for URL: https://html5advent.com/de/guides/managed-wordpress-hosting What managed WordPress hosting includes, how it compares to shared hosting and a self-managed VPS, and its pros and cons. ### Native CSS Nesting: the & selector and Sass differences URL: https://html5advent.com/de/guides/css-nesting Write nested CSS without a preprocessor - how the & selector works and which browsers support it. ### PHP hosting explained: shared vs VPS, versions and performance URL: https://html5advent.com/de/guides/php-hosting Shared vs VPS, PHP versions and extensions, deployment, .htaccess and performance with OPcache. ### Running WordPress on a VPS: when and how URL: https://html5advent.com/de/guides/wordpress-vps When a VPS beats shared or managed hosting for WordPress, the criteria that matter, and the LEMP stack you need. ### Service Workers: caching, offline and updates URL: https://html5advent.com/de/guides/service-worker Registering a service worker, the install/activate lifecycle, the Cache API, offline pages and safe updates. ### Static website hosting: deploy an Astro, Vite or HTML site URL: https://html5advent.com/de/guides/static-website-hosting What static hosting is, how a CDN serves your build, and deploying with a custom domain and free HTTPS. ### The Fetch API in JavaScript URL: https://html5advent.com/de/guides/fetch-api-javascript Make HTTP requests in the browser: GET, JSON, POST, error handling and aborting. ### The IntersectionObserver API: lazy-loading and scroll effects URL: https://html5advent.com/de/guides/intersection-observer-api Lazy-load images, reveal on scroll and build infinite scroll - threshold and rootMargin explained. ### The View Transitions API: smooth page transitions URL: https://html5advent.com/de/guides/view-transitions-api Animate between DOM states with startViewTransition, view-transition-name, same- and cross-document. ### VPS hosting explained: what it is and how to choose URL: https://html5advent.com/de/guides/vps-hosting What a VPS is, how it differs from shared and dedicated hosting, the criteria that matter, and who it fits. ### VPS vs cloud hosting: which one fits your project? URL: https://html5advent.com/de/guides/vps-vs-cloud-hosting How VPS and cloud hosting differ on performance, scaling, reliability and price - and how to decide which model fits your web project. ### VPS vs dedizierter Server: was braucht dein Projekt? URL: https://html5advent.com/de/guides/vps-vs-dedicated-server Worin sich ein VPS und ein dedizierter Server wirklich unterscheiden - Leistung, Isolation, Skalierung, Kontrolle und Preis - und ein klarer Weg, das passende Modell für deine Website oder App zu wählen. ### Was kostet ein VPS? Eine ehrliche Preisaufschlüsselung URL: https://html5advent.com/de/guides/how-much-does-a-vps-cost Was ein VPS pro Monat wirklich kostet, was den Preis treibt (RAM, vCPU, Speicher, managed vs. unmanaged), die versteckten Zusatzkosten und echte datierte Beispielpreise. ### Web Components: Custom Elements, Shadow DOM and templates URL: https://html5advent.com/de/guides/web-components Build reusable HTML elements with Custom Elements, encapsulate styles with the Shadow DOM and clone templates. ### Web hosting for a small business: what to look for URL: https://html5advent.com/de/guides/best-hosting-for-small-business The criteria that matter for a small business - uptime, support, email, security, room to grow - and how to judge any host. ### Web hosting for developers: the criteria that matter URL: https://html5advent.com/de/guides/web-hosting-for-developers SSH access, Git deploys, runtimes, databases and staging - and how shared, VPS and managed compare. ### What is the event loop in JavaScript? URL: https://html5advent.com/de/guides/what-is-the-event-loop How single-threaded JavaScript stays responsive: the call stack, the task and microtask queues, and why promises run before setTimeout. # Italiano (it) - 32 guides ### async/await in JavaScript: a practical guide URL: https://html5advent.com/it/guides/async-await-javascript How async/await relate to promises, try/catch, awaiting in loops, and the serial-vs-parallel gotcha. ### Cheap VPS hosting: how to get value without cutting corners URL: https://html5advent.com/it/guides/best-cheap-vps How to read low-priced VPS plans honestly, which corners are safe to cut, and what separates value from a false bargain. ### Choosing the best VPS for hosting a web project URL: https://html5advent.com/it/guides/best-vps-for-web-hosting The criteria that matter (RAM, CPU, storage, bandwidth, location, price) and when a VPS beats shared hosting. ### Cloud hosting explained: when it makes sense for a web project URL: https://html5advent.com/it/guides/cloud-hosting What cloud hosting really means, how it differs from a single VPS or shared hosting, and the projects it suits. ### Contabo review: is it a good VPS for web projects? URL: https://html5advent.com/it/guides/contabo-review An honest, no-hype look at Contabo as a VPS host - its resource-for-the-price positioning, the trade-offs, and who it suits. ### CSS Container Queries: style by container, not viewport URL: https://html5advent.com/it/guides/css-container-queries container-type, @container and how container queries differ from media queries. ### CSS Grid vs Flexbox: which to use (and when to use both) URL: https://html5advent.com/it/guides/css-grid-vs-flexbox Flexbox is one-dimensional, Grid is two-dimensional. The honest difference, a side-by-side comparison, and why real layouts use both together. ### Hosting a Laravel app: VPS, requirements and deployment URL: https://html5advent.com/it/guides/best-hosting-for-laravel Why a VPS fits Laravel, the server requirements that matter, and a real deployment walkthrough (Composer, .env, Nginx, queues). ### Hosting for a WooCommerce store: the requirements that matter URL: https://html5advent.com/it/guides/best-hosting-for-woocommerce The performance, resources and scalability a WooCommerce store needs, and how shared, managed and VPS hosting compare. ### How to host a Node.js app: VPS, PaaS and serverless URL: https://html5advent.com/it/guides/nodejs-hosting Deploy a Node.js app via VPS, managed PaaS or serverless - with PM2, a reverse proxy and env vars. ### How to host an Astro site: static and SSR options URL: https://html5advent.com/it/guides/astro-hosting Static vs server (SSR) output, how adapters work, the build commands, and how to choose a host for each. ### Il selettore CSS :has(): il selettore del genitore, spiegato URL: https://html5advent.com/it/guides/css-has-selector 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. ### JavaScript Promises: a practical guide URL: https://html5advent.com/it/guides/javascript-promises Creating promises, then/catch/finally, chaining, and Promise.all/race/any/allSettled - with the common gotchas. ### La Popover API: popup, menu e tooltip nativi senza librerie URL: https://html5advent.com/it/guides/popover-api 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. ### localStorage vs sessionStorage: the Web Storage API URL: https://html5advent.com/it/guides/localstorage-vs-sessionstorage Lifetime and scope differences, size limits, storing JSON safely and the storage event. ### Managed WordPress hosting: what it is and who it’s for URL: https://html5advent.com/it/guides/managed-wordpress-hosting What managed WordPress hosting includes, how it compares to shared hosting and a self-managed VPS, and its pros and cons. ### Native CSS Nesting: the & selector and Sass differences URL: https://html5advent.com/it/guides/css-nesting Write nested CSS without a preprocessor - how the & selector works and which browsers support it. ### PHP hosting explained: shared vs VPS, versions and performance URL: https://html5advent.com/it/guides/php-hosting Shared vs VPS, PHP versions and extensions, deployment, .htaccess and performance with OPcache. ### Quanto costa un VPS? Il vero dettaglio dei prezzi URL: https://html5advent.com/it/guides/how-much-does-a-vps-cost 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. ### Running WordPress on a VPS: when and how URL: https://html5advent.com/it/guides/wordpress-vps When a VPS beats shared or managed hosting for WordPress, the criteria that matter, and the LEMP stack you need. ### Service Workers: caching, offline and updates URL: https://html5advent.com/it/guides/service-worker Registering a service worker, the install/activate lifecycle, the Cache API, offline pages and safe updates. ### Static website hosting: deploy an Astro, Vite or HTML site URL: https://html5advent.com/it/guides/static-website-hosting What static hosting is, how a CDN serves your build, and deploying with a custom domain and free HTTPS. ### The Fetch API in JavaScript URL: https://html5advent.com/it/guides/fetch-api-javascript Make HTTP requests in the browser: GET, JSON, POST, error handling and aborting. ### The IntersectionObserver API: lazy-loading and scroll effects URL: https://html5advent.com/it/guides/intersection-observer-api Lazy-load images, reveal on scroll and build infinite scroll - threshold and rootMargin explained. ### The View Transitions API: smooth page transitions URL: https://html5advent.com/it/guides/view-transitions-api Animate between DOM states with startViewTransition, view-transition-name, same- and cross-document. ### VPS hosting explained: what it is and how to choose URL: https://html5advent.com/it/guides/vps-hosting What a VPS is, how it differs from shared and dedicated hosting, the criteria that matter, and who it fits. ### VPS vs cloud hosting: which one fits your project? URL: https://html5advent.com/it/guides/vps-vs-cloud-hosting How VPS and cloud hosting differ on performance, scaling, reliability and price - and how to decide which model fits your web project. ### VPS vs server dedicato: quale serve al tuo progetto? URL: https://html5advent.com/it/guides/vps-vs-dedicated-server 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. ### Web Components: Custom Elements, Shadow DOM and templates URL: https://html5advent.com/it/guides/web-components Build reusable HTML elements with Custom Elements, encapsulate styles with the Shadow DOM and clone templates. ### Web hosting for a small business: what to look for URL: https://html5advent.com/it/guides/best-hosting-for-small-business The criteria that matter for a small business - uptime, support, email, security, room to grow - and how to judge any host. ### Web hosting for developers: the criteria that matter URL: https://html5advent.com/it/guides/web-hosting-for-developers SSH access, Git deploys, runtimes, databases and staging - and how shared, VPS and managed compare. ### What is the event loop in JavaScript? URL: https://html5advent.com/it/guides/what-is-the-event-loop How single-threaded JavaScript stays responsive: the call stack, the task and microtask queues, and why promises run before setTimeout. # Português (pt) - 32 guides ### A Popover API: popups, menus e tooltips nativos sem biblioteca URL: https://html5advent.com/pt/guides/popover-api O atributo HTML popover e a Popover API permitem criar menus, tooltips e cartões renderizados na camada de topo, com fecho ao clicar fora e Esc já tratados por si - sem biblioteca JavaScript. ### async/await in JavaScript: a practical guide URL: https://html5advent.com/pt/guides/async-await-javascript How async/await relate to promises, try/catch, awaiting in loops, and the serial-vs-parallel gotcha. ### Cheap VPS hosting: how to get value without cutting corners URL: https://html5advent.com/pt/guides/best-cheap-vps How to read low-priced VPS plans honestly, which corners are safe to cut, and what separates value from a false bargain. ### Choosing the best VPS for hosting a web project URL: https://html5advent.com/pt/guides/best-vps-for-web-hosting The criteria that matter (RAM, CPU, storage, bandwidth, location, price) and when a VPS beats shared hosting. ### Cloud hosting explained: when it makes sense for a web project URL: https://html5advent.com/pt/guides/cloud-hosting What cloud hosting really means, how it differs from a single VPS or shared hosting, and the projects it suits. ### Contabo review: is it a good VPS for web projects? URL: https://html5advent.com/pt/guides/contabo-review An honest, no-hype look at Contabo as a VPS host - its resource-for-the-price positioning, the trade-offs, and who it suits. ### CSS Container Queries: style by container, not viewport URL: https://html5advent.com/pt/guides/css-container-queries container-type, @container and how container queries differ from media queries. ### CSS Grid vs Flexbox: which to use (and when to use both) URL: https://html5advent.com/pt/guides/css-grid-vs-flexbox Flexbox is one-dimensional, Grid is two-dimensional. The honest difference, a side-by-side comparison, and why real layouts use both together. ### Hosting a Laravel app: VPS, requirements and deployment URL: https://html5advent.com/pt/guides/best-hosting-for-laravel Why a VPS fits Laravel, the server requirements that matter, and a real deployment walkthrough (Composer, .env, Nginx, queues). ### Hosting for a WooCommerce store: the requirements that matter URL: https://html5advent.com/pt/guides/best-hosting-for-woocommerce The performance, resources and scalability a WooCommerce store needs, and how shared, managed and VPS hosting compare. ### How to host a Node.js app: VPS, PaaS and serverless URL: https://html5advent.com/pt/guides/nodejs-hosting Deploy a Node.js app via VPS, managed PaaS or serverless - with PM2, a reverse proxy and env vars. ### How to host an Astro site: static and SSR options URL: https://html5advent.com/pt/guides/astro-hosting Static vs server (SSR) output, how adapters work, the build commands, and how to choose a host for each. ### JavaScript Promises: a practical guide URL: https://html5advent.com/pt/guides/javascript-promises Creating promises, then/catch/finally, chaining, and Promise.all/race/any/allSettled - with the common gotchas. ### localStorage vs sessionStorage: the Web Storage API URL: https://html5advent.com/pt/guides/localstorage-vs-sessionstorage Lifetime and scope differences, size limits, storing JSON safely and the storage event. ### Managed WordPress hosting: what it is and who it’s for URL: https://html5advent.com/pt/guides/managed-wordpress-hosting What managed WordPress hosting includes, how it compares to shared hosting and a self-managed VPS, and its pros and cons. ### Native CSS Nesting: the & selector and Sass differences URL: https://html5advent.com/pt/guides/css-nesting Write nested CSS without a preprocessor - how the & selector works and which browsers support it. ### O seletor CSS :has(): o seletor de pai, explicado URL: https://html5advent.com/pt/guides/css-has-selector A pseudo-classe relacional :has() estiliza um elemento com base no que contém ou no que o segue - o aguardado seletor de pai do CSS. Como funciona, exemplos reais e suporte dos navegadores. ### PHP hosting explained: shared vs VPS, versions and performance URL: https://html5advent.com/pt/guides/php-hosting Shared vs VPS, PHP versions and extensions, deployment, .htaccess and performance with OPcache. ### Quanto custa um VPS? Um detalhe honesto dos preços URL: https://html5advent.com/pt/guides/how-much-does-a-vps-cost Quanto custa realmente um VPS por mês, o que faz variar o preço (RAM, vCPU, armazenamento, gerido ou não), os custos ocultos e preços de exemplo reais e datados. ### Running WordPress on a VPS: when and how URL: https://html5advent.com/pt/guides/wordpress-vps When a VPS beats shared or managed hosting for WordPress, the criteria that matter, and the LEMP stack you need. ### Service Workers: caching, offline and updates URL: https://html5advent.com/pt/guides/service-worker Registering a service worker, the install/activate lifecycle, the Cache API, offline pages and safe updates. ### Static website hosting: deploy an Astro, Vite or HTML site URL: https://html5advent.com/pt/guides/static-website-hosting What static hosting is, how a CDN serves your build, and deploying with a custom domain and free HTTPS. ### The Fetch API in JavaScript URL: https://html5advent.com/pt/guides/fetch-api-javascript Make HTTP requests in the browser: GET, JSON, POST, error handling and aborting. ### The IntersectionObserver API: lazy-loading and scroll effects URL: https://html5advent.com/pt/guides/intersection-observer-api Lazy-load images, reveal on scroll and build infinite scroll - threshold and rootMargin explained. ### The View Transitions API: smooth page transitions URL: https://html5advent.com/pt/guides/view-transitions-api Animate between DOM states with startViewTransition, view-transition-name, same- and cross-document. ### VPS hosting explained: what it is and how to choose URL: https://html5advent.com/pt/guides/vps-hosting What a VPS is, how it differs from shared and dedicated hosting, the criteria that matter, and who it fits. ### VPS vs cloud hosting: which one fits your project? URL: https://html5advent.com/pt/guides/vps-vs-cloud-hosting How VPS and cloud hosting differ on performance, scaling, reliability and price - and how to decide which model fits your web project. ### VPS vs servidor dedicado: qual o seu projeto precisa? URL: https://html5advent.com/pt/guides/vps-vs-dedicated-server Como um VPS e um servidor dedicado realmente diferem - desempenho, isolamento, escalabilidade, controlo e preço - e uma forma clara de decidir qual se adequa ao seu site ou aplicação. ### Web Components: Custom Elements, Shadow DOM and templates URL: https://html5advent.com/pt/guides/web-components Build reusable HTML elements with Custom Elements, encapsulate styles with the Shadow DOM and clone templates. ### Web hosting for a small business: what to look for URL: https://html5advent.com/pt/guides/best-hosting-for-small-business The criteria that matter for a small business - uptime, support, email, security, room to grow - and how to judge any host. ### Web hosting for developers: the criteria that matter URL: https://html5advent.com/pt/guides/web-hosting-for-developers SSH access, Git deploys, runtimes, databases and staging - and how shared, VPS and managed compare. ### What is the event loop in JavaScript? URL: https://html5advent.com/pt/guides/what-is-the-event-loop How single-threaded JavaScript stays responsive: the call stack, the task and microtask queues, and why promises run before setTimeout.