Über Web, Tech, Games, Art,
Musik, Code & Design

10. März 2026

KI-Chatbot mit eigenen Inhalten

Bereits vor einigen Monaten habe ich versucht mit in das Thema „KI mit eigenen Inhalten“ einzuarbeiten. Eigentlich dachte ich, dass das ein sehr naheliegender Anwendungsfall ist. Als ich recherchiert habe, wie ich so eine Anwendung mit Chat-GPT umsetzen kann, habe ich schnell wieder aufgegeben. Auch mit dem Pro-Account ist es nicht ohne weiteres möglich. Knackpunkt […]

18. Februar 2026

Bilder in WordPress-Galerien automatisch verlinken

Wenn man im WordPress Block-Editor eine Bildergalerie einfügt, sind die einzelnen Bilder standardmäßig nicht verlinkt. Mit folgendem jQuery-Snippet werden die Thumbnails automatisch mit dem Originalbild verlinkt. Bedenke: Die Links zu den Bildern werden clientseitig gesetzt. Wenn du also ein Lightbox-Plug-in nutzt (z.B. magnificPopup) muss dieses Snippet vor dem Lightbox-Code eingesetzt werden.

22. November 2025

Spacetypegenerator – Kreative Typoanimationen für Live-Visuals und Printsachen

Der Spacetypegenerator ist das beeindruckendste Tool, was ich seit langem im Web gesehen habe! Auf spacetypegenerator.com bietet der Designer Kiel Mutschelknaus ein Browser-Tool an, mit dem du animierte Typografie in verschiedensten Stilen generieren kannst. Die animierten Schriftloops eignen sich ganz hervorragend um sie in VJ-Sets einzubauen. Aber auch ohne Animation sind die enstehenden Formen faszinierend […]

16. November 2025

Alle Fotos einer Website auf einmal runterladen

Mit folgendem PHP-Skript lassen sich alle Fotos einer Website auf einem runterladen. Optional kann man auch nur die Fotos innerhalb eines divs auswählen.

30. Oktober 2025

Rechtsklick auf Websites aktivieren

Kurz und knapp: Wenn der Rechtsklick auf einer Website gesperrt ist, kannst du ihn (in Chrome auf de Mac) mit folgendem Code in der Konsole (command + option + j) wieder aktivieren:

28. Oktober 2025

Glitch-Effekt für Websites

PowerGlitch.js ist eine kleine JavaScript-Bibliothek, mit der du animierte Glitch-Effekte – also visuelle „Fehler“ wie Verzerrungen, Farbverschiebungen oder Flackern – auf HTML-Elemente anwenden kannst. Nice! https://7ph.github.io/powerglitch/

25. September 2025

Interner Bereich auf WordPress-Website

Mit folgendem Code lässt sich schnell und unkompliziert ein interner Bereich oder ein Intranet auf einer Website realisieren. Am einfachsten ist es, wenn du eine Template-Datei, z.B. template-intern.php anlegst. Dann kann im Backend bei jeder Seite individuell ausgewählt werden, ob die Seite geschützt sein soll. Mit folgendem Code in der functions.php kannst du darüber hinaus, […]

19. September 2025

CSS-Tipp: Universal-Hover-Effekt für Links und Buttons

In der Regel verändern Links und Buttons ja, wenn man mit der Maus darüber fährt, ihre Farbe – auch um die Interaktivität zu unterstreichen. Klassischerweise werden hierfür 2 Farbwerte definiert. Eine für den Ausgangsstatus und eine Hover-Farbe. Mit der CSS-Filter-Funktion lässt sich ganz leicht ein Universal-Effekt erzeugen. Mit dem Brightness-Filter werden die Button einfach ein […]

19. Juni 2025

WordPress-Seiten mit einem Klick übersetzen (Polylang + DeepL)

Wenn ich mehrsprachige Websites baue, setze ich dafür in der Regel das kostenlose Plug-in Polylang ein. Für die automatische Übersetzung von Posts & Seiten habe ich ein Plug-in entwickelt, das die (ebenfalls kostenlose) API (bis 500.000 Zeichen / Monat) von DeepL nutzt: „Auto-Translate (with DeepL & Polylang)„. Bevor das Plug-in genutzt werden kann, muss man […]

10. Februar 2025

So kannst du alle Dateinamen in einem Ordner webkompatibel machen

Mit folgenden Python-Skript kannst du alle Dateinamen in einem Ordner webkompatibel machen. Sprich: Leerzeichen werden zu Bindestrichen, Umlaute werden ersetzt und Sonderzeichen entfernt.

FRTG - Traces
Jetzt bei Apple Music & Spotify.