Hugo Output Formats – ein Inhalt, viele Darstellungen
Hugo Output Formats erklärt: Ein Inhalt, mehrere Darstellungen – Web, Print-PDF und mehr aus derselben Quelldatei. Mit echter Config und den Stolperfallen.
hugoBlogs.
Headless Chrome als Build-Tool – Screenshots ohne npm-Ballast
Headless Chrome als Build-Tool: Screenshots und PDFs aus HTML erzeugen – pixelgenau, ohne npm-Abhängigkeiten. Mit echtem Bash-Script aus der Praxis.
devopsDark Mode richtig bauen – Tokens, FOUC-Guard & prefers-color-scheme
Light/Dark Mode richtig bauen: Mit CSS Custom Properties, prefers-color-scheme und einem FOUC-Guard, der das Flackern beim Laden verhindert. Aus der Praxis.
css
CSS Container Queries in der Praxis – kein JavaScript mehr
CSS Container Queries in der Praxis: Echte Komponenten, echte Probleme – und warum du für responsive Layouts kein JavaScript mehr brauchst.
cssHomematic CCU3 × Apple HomeKit – Der komplette Praxisleitfaden
Homematic CCU3 mit Apple HomeKit verbinden: Von Homebridge bis Home Assistant. Ein Praxisbericht über HmIPW-Wired-Geräte, Rolläden, Thermostate und die Stolperfallen auf dem Weg.
smarthomeHugo vs. Next.js – wann reicht Static Site Generation?
Hugo oder Next.js – wann reicht ein statischer Site Generator, und wann braucht man wirklich ein Framework? Ein ehrlicher Vergleich aus der Praxis.
HugoTypeScript Utility Types – Partial, Pick, Omit & Record
TypeScript Utility Types wie Partial, Pick, Omit und Record im echten Einsatz – verständlich erklärt, ohne Theorieoverload.
TypeScriptCSS Container Queries – Responsive Komponenten
CSS Container Queries ermöglichen responsive Komponenten, die auf ihre eigene Größe reagieren statt auf den Viewport. Inkl. @container Syntax und Beispiele.
cssEvent Loop & Call Stack – JavaScript unter der Haube
Call Stack, Event Loop und Task Queues erklärt: So verarbeitet JavaScript asynchronen Code unter der Haube. Mit Beispielen und Diagrammen.
javascript
Hugo Shortcodes – Interaktive Komponenten für Markdown
Hugo Shortcodes selbst erstellen: Schritt-für-Schritt von einfachen Wrappern bis zu interaktiven Code-Demos mit Live-Preview. Inkl. Code-Beispiele.
hugoCSS-Architekturen – BEM, Modules, Tailwind & CSS-in-JS
Von BEM über CSS Modules bis zu Tailwind und CSS-in-JS: Ein praxisnaher Überblick über moderne CSS-Architekturen und wann man welche Methode einsetzt.
cssJavaScript Laufzeitumgebungen – Browser, Node, Deno & Bun
JavaScript-Laufzeitumgebungen im Überblick: Browser, Node.js, Deno und Bun – was sie unterscheidet und wann man welche nutzt.
javascript