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

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.

29. Januar 2025

How-to: So erstellst du einen KI-Chatbot für deine Website und trainierst ihn mit eigenen Daten

Wenn du einen Chatbot auf deiner WordPress-Website einsetzen möchtest, sind im Wesentlichen 2 Dinge erforderlich: How to Als erstes erstellst du einen OpenAI-API-Key. Hierfür benötigst du einen OpenAI-Account, in dem ein Zahlungsmittel hinterlegt ist. Hier kann der Key generiert werden: https://platform.openai.com/api-keys Anschließend solltest du die Nutzung einschränken, damit es nicht zu bösen Überraschungen auf der […]

24. Januar 2025

Browser mit Mobile-Preview

ResponsivlyApp ist ein echtes Must-have für Web-Entwickler und erleichtert die Entwicklung von responsive Websites enorm. ResponsivlyApp ist ein Browser, der verschiedene Bildschirmgrößen gleichzeitig darstellt und die Interaktion synchronisiert. Heißt: Wenn du in Fenster 1 klickst oder scrollst, wird auch in Fenster 2 geklickt und gescrollt. Nettes zusätzliches Feature: Mit einem Klick kannst du Screenshots jeglicher […]

10. Januar 2025

WordPress „A Post from … provided by“ entfernen

Wenn man einen Link zu einer WordPress-Website in einen Chat bei Teams, WhatsApp oder anderen Diensten einfügt, erscheint in der Regel eine kleine Box mit Infos zu der Website. Im Idealfall sind das Daten, die man selbst definiert hat, z.B. OpenGraph-Daten, die man mit Hilfe eines SEO-Plug-ins eintragen kann. Wenn keine OpenGraph-Daten gesetzt sind erscheint […]

19. Dezember 2024

Übersetzungen im Template mit dem WordPress-Plug-in „PolyLang“

Das WordPress-Plug-in „Polylang“ ist eine gute Wahl, wenn man multilinguale Websites umsetzen möchte. Während das Plug-in dafür sorgt, dass im Backend deutsche und (z.B.) englische Inhalte eingetragen werden können, hilft folgende Funktion (in der functions.php) Inhalte in Templates komfortabel zu übersetzen. Wenn z.B. auf einer Produktübersichtsseite das Wort „Produkte“ hard-coded im Template auftaucht, wird mit […]

21. November 2024

Barrierefreiheitsstärkungsgesetz (BFSG): Warum Browserhersteller statt Webentwickler in der Verantwortung stehen sollten

Das Barrierefreiheitsstärkungsgesetz (BFSG), das am 28. Juni 2025 in Kraft tritt, ist ein großer Schritt nach vorn, um digitale Angebote für alle Menschen zugänglich zu machen. Ziel des Gesetzes ist es, die Barrierefreiheit im digitalen Raum zu stärken und sicherzustellen, dass auch Menschen mit Behinderungen auf Websites und digitale Dienstleistungen problemlos zugreifen können. Während das […]

19. November 2024

Einfacher PHP-Counter

Es muss ja nicht immer gleich Google Analytics sein. Häufig reicht ein simpler Counter, um z.B. den Erfolg einer Landingpage zu messen. Folgendes Skript kann in eine PHP-Site eingebaut werden. Es erzeugt eine Datei namens „counter.txt“ in der die Klicks gelogged werden: Auf einer statischen HTML-Website kann das Script z.B. über das img-Tag eingebunden werden:

11. November 2024

WordPress-Plug-in „CSV Im- & Export“

Das WordPress-Plug-in „CSV Im- & Export“ erleichtert das Datenhandling zwischen 2 Websites oder einer Website und lokalen Daten. „CSV Im- & Export“ ermöglicht den Download der Daten eines ausgewählten Post-Types als CSV, sowie den Import eines CSV in ein Custom Post-Type.

FRTG - Traces
Jetzt bei Apple Music & Spotify.