Hugo Output Formats – ein Inhalt, viele Formate
Hugo Output Formats erklärt: Ein Inhalt, mehrere Darstellungen – Web, Print-PDF und mehr aus derselben Quelldatei. Mit echter Config und den Stolperfallen.
hugoBlog – Web-Engineering & Frontend-Entwicklung.
Praxisartikel zu TypeScript, JavaScript, CSS und Hugo von Benjamin Goldfarb-Tunc: Tutorials, Deep Dives und Erfahrungsberichte aus echten Web-Projekten.
Headless Chrome als Build-Tool für Screenshots
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: 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
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 – Praxisleitfaden
Homematic CCU3 mit Apple HomeKit verbinden: Homebridge, Home Assistant und HmIPW-Wired in der Praxis – inkl. Rolläden, Thermostate und Stolperfallen.
smarthomeHugo vs. Next.js – wann reicht SSG?
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 erklärt
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 in JavaScript
Call Stack, Event Loop und Task Queues erklärt: So verarbeitet JavaScript asynchronen Code unter der Haube. Mit Beispielen und Diagrammen.
javascript
Hugo Shortcodes für interaktives 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
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-Runtimes: Browser, Node, Deno & Bun
JavaScript-Laufzeitumgebungen im Überblick: Browser, Node.js, Deno und Bun – was sie unterscheidet und wann man welche nutzt.
javascript