Anleitungen

• apis Was ist MutationObserver? Der dritte Observer und die Warteschlange, die ihn brauchbar macht IntersectionObserver beobachtet Sichtbarkeit, ResizeObserver die Größe, MutationObserver das DOM selbst. Was er meldet, warum er die Mutation Events ablöste, und die Methode, die verrät, wie die Zustellung wirklich funktioniert. Anleitung lesen →
• apis Was ist ResizeObserver? Größenänderung auf Elementebene, und der Schleifenfehler, den jeder trifft Das resize-Ereignis von window sagt nichts über ein einzelnes Element. ResizeObserver schon. Was er meldet, Content-Box gegen Border-Box, und warum 'ResizeObserver loop completed with undelivered notifications' in Ihrer Konsole auftaucht. Anleitung lesen →
• apis The Fetch API in JavaScript Make HTTP requests in the browser: GET, JSON, POST, error handling and aborting. Anleitung lesen →
• js JavaScript Promises: a practical guide Creating promises, then/catch/finally, chaining, and Promise.all/race/any/allSettled - with the common gotchas. Anleitung lesen →
• 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. Anleitung lesen →
• apis Service Workers: caching, offline and updates Registering a service worker, the install/activate lifecycle, the Cache API, offline pages and safe updates. Anleitung lesen →
• 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. Anleitung lesen →
• apis localStorage vs sessionStorage: the Web Storage API Lifetime and scope differences, size limits, storing JSON safely and the storage event. Anleitung lesen →
• css Native CSS Nesting: the & selector and Sass differences Write nested CSS without a preprocessor - how the & selector works and which browsers support it. Anleitung lesen →
• css CSS Container Queries: style by container, not viewport container-type, @container and how container queries differ from media queries. Anleitung lesen →
• css The View Transitions API: smooth page transitions Animate between DOM states with startViewTransition, view-transition-name, same- and cross-document. Anleitung lesen →
• apis The IntersectionObserver API: lazy-loading and scroll effects Lazy-load images, reveal on scroll and build infinite scroll - threshold and rootMargin explained. Anleitung lesen →
• 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. Anleitung lesen →
• 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. Anleitung lesen →
• hosting Web hosting for developers: the criteria that matter SSH access, Git deploys, runtimes, databases and staging - and how shared, VPS and managed compare. Anleitung lesen →
• 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. Anleitung lesen →
• hosting PHP hosting explained: shared vs VPS, versions and performance Shared vs VPS, PHP versions and extensions, deployment, .htaccess and performance with OPcache. Anleitung lesen →
• html Die Popover API: native Popups, Menüs und Tooltips ohne Bibliothek 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. Anleitung lesen →
• css Der CSS-Selektor :has(): der Eltern-Selektor, erklärt 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. Anleitung lesen →
• html Das HTML-Element dialog: echte Modals ohne Bibliothek Das HTML-Element dialog liefert dir ein echtes Modal - Top-Layer, inerte Seite, Backdrop und Esc-Handling - aus reinem Markup. Hier sind showModal vs. show, form method=dialog, returnValue, das Attribut closedby und die eine Gewohnheit, die du ablegen solltest. Anleitung lesen →
• css CSS Cascade Layers: how @layer makes specificity negotiable Order layers instead of escalating selectors - and the two places where the priority order inverts. Anleitung lesen →
• apis AbortController: Fetches, Zeitlimits und Event-Listener abbrechen Ein Controller bricht einen Fetch, ein Zeitlimit und einen ganzen Stapel Event-Listener ab. Wie AbortController und AbortSignal funktionieren, warum ein manueller Abbruch und ein Zeitlimit unterschiedliche Fehler werfen, und der Aufräum-Trick, den die meisten übersehen. Anleitung lesen →
• css CSS contrast-color(): automatisch schwarzer oder weißer Text, und die eine echte Grenze Den Browser lesbaren Text über jeder Hintergrundfarbe wählen lassen. Was contrast-color() wirklich zurückgibt, warum es immer nur Schwarz oder Weiß liefert, und wie man heute zurückfällt. Anleitung lesen →
• css CSS Anchor Positioning: was es kann, und warum MDN weiterhin von eingeschränkter Verfügbarkeit spricht Ein Tooltip oder Menü allein per CSS an das Element binden, zu dem es gehört. anchor-name, position-anchor, die Funktion anchor() und position-try-Rückfallebenen, samt ehrlichem Hinweis zur Verfügbarkeit. Anleitung lesen →
• apis Was ist IndexedDB? Die Browser-Datenbank erklärt Asynchron, transaktional und weit größer als localStorage. Wie onupgradeneeded funktioniert, warum Transaktionen unter Ihnen zugehen, wozu Indizes da sind und wann Sie sie statt Web Storage nehmen. Anleitung lesen →
• apis Was ist ein Web Worker? Ein zweiter Thread, und die Kopie, die entscheidet, ob es sich lohnt Schwere Arbeit auf einem eigenen Thread, damit sie die Oberfläche nicht mehr blockiert. Worauf er zugreifen kann und worauf nicht, warum postMessage kopiert statt zu teilen, wie das Übertragen eines ArrayBuffers diese Kopie vermeidet, und worin er sich von einem Service Worker unterscheidet. Anleitung lesen →
• 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. Anleitung lesen →
• 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. Anleitung lesen →
• 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. Anleitung lesen →
• 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. Anleitung lesen →
• 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. Anleitung lesen →
• 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. Anleitung lesen →
• 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. Anleitung lesen →
• 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. Anleitung lesen →
• 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. Anleitung lesen →
• 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). Anleitung lesen →
• 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. Anleitung lesen →
• 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. Anleitung lesen →
• 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. Anleitung lesen →
• hosting VPS vs dedizierter Server: was braucht dein Projekt? 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. Anleitung lesen →
• hosting Was kostet ein VPS? Eine ehrliche Preisaufschlüsselung Was ein VPS pro Monat wirklich kostet, was den Preis treibt (RAM, vCPU, Speicher, managed vs. unmanaged), die versteckten Zusatzkosten und echte datierte Beispielpreise. Anleitung lesen →
• 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. Anleitung lesen →