Responsive animierter Nummer Zähler erstellen

Diese spannende Elemente wo eine Zahl automatisch raufzählt und irgend etwas dazu geschrieben steht nennt man auf englisch „number counter“ und sowas programmieren wir heute. Perfekt für eure Webseite Wir alle haben diese Elemente bereits gesehen – mal wird gezeigt…

Cooler Button Design mit Wisch Effekt

Eines der wohl wichtigsten Elemente auf einer Webseite sind die Buttons / Links und dazu muss ich wirklich nichts mehr sagen. Es ist auch kein Geheimnis, dass ich CSS liebe und darum spiele ich gerne mit neuen Effekten bei Buttons herum. Heute möchte ich euch so ein…

Coole animierte Bio Karte

Wenn man Personen vorstellen will, dann möchte man das ja nicht unbedingt nur mit einem Bild und einem kurzen Text machen, sondern es soll ein wenig auffallen. Und im heutigen Beitrag zeige ich euch genau, wie das geht. Ihr habt am Schluss ein Bild und wenn ihr mit…

DIVI 5 Skill für Claude

Wie ihr wisst, bin ich ein absoluter KI-Fan. Seit „vielen“ Jahren verwende ich das schon, entweder lokal oder über diese Chatseiten wie ChatGPT oder Claude.ai. Mein Traum ist es, alles lokal zu haben und somit „DSGVO-konform“ zu sein –…

CSS Anchor Position: Die neue Art zu positionieren

Wenn man Elemente mit CSS miteinander Positionieren will ist das keine leichte Aufgabe, da man nicht nur 1x das Ding anpassen muss sondern auch noch Responsive und und und. Mit Position Absolut hat man dann viel zu tun. Im heutigen Video zeige ich euch einen neuen CSS…

WordPress mit 2 Faktor Authentifizierung (2FA) absichern

Heute zeige ich euch, wie ihr eure Webseite besser absichern könnt, und zwar mit der sogenannten 2-Faktor-Authentifizierung, kurz 2FA. In WordPress hat man normalerweise nur ein einfaches Login-Formular mit einem Namen/einer E-Mail und Passwort, aber das ist nicht…

Hammer KI Gerichtsurteil in Deutschland

Wir alle haben sicher schon mit KI gearbeitet und sie haben uns Fragen beantwortet, und dabei haben wir alle gesehen, wie schlecht die Resultate sind. Von kleinen Schönheitsfehlern in Antworten bis zu einer brandschwarzen Lüge war schon alles dabei. Ich erinnere mich…

Geniale 3D Bilder Slider

Heute zeige ich euch mal wie man so einen genialen 3D Bilder Slider für die Webseite erstellen kann. Und bevor ihr fragt, ja natürlich ist es auch responsive 🙂 Video HTML <div class="scene"> <div class="container" style="–n:…

GSAP Bild im Pixeleffekt einblenden

Heute zeige ich euch einen weiteren coolen GSAP Effekt und zwar lassen wir unsichtbare Bilder verpixelt wieder einblenden. Ein sehr cooler Effekt wenn man Bilder ein wenig anders einblenden möchte. Video

Visual Studio Code – Nervige Popup im Editor deaktivieren

Ich war heute wieder am Programmieren und da ist mir etwas passiert, was mir schon in vielen Videos passiert ist. Immer wenn ich einen neuen Befehl eingegeben habe, ploppte so ein komisches Info-Popup auf. Ihr habt das sicher schon gesehen. Die Idee von so einem Popup…

Wie aktualisiert man Claude Code?

Jedes Programm, das man auf dem Computer installiert, muss regelmässig aktualisiert werden, so auch Claude Code. Die Installation ist auf der Webseite gut beschrieben, aber was man machen muss, wenn man es updaten muss, habe ich nicht gefunden. Aus diesem Grund hier…

Der schüchterne Button (HTML, CSS und Javascript)

Wenn ihr mal eure Webseiten-Besucher ein wenig ärgern wollt, dann habe ich jetzt was Geniales für euch. Stellt euch vor, ihr habt ein Formular oder einen Button auf eurer Webseite. Wenn ihr nun mit dem Mauszeiger in die Nähe dieses Buttons kommt, dann verschiebt sich…

Instagram Divi 5 Modul mit Feed verbinden

Ihr habt sicher das neueste Modul in Divi 5 bereits entdeckt, und zwar ist es ein Instagram-Modul. Mit diesem Modul könnt ihr also sehr einfach eure Instagram-Bilder direkt in eure Webseite einbauen. Ihr braucht nur das Instagram-Token und euren Instagram-Namen. Heute…

ZEN Browser – Der Chrome Killer oder nur ein weiterer Browser?

Ich höre jetzt seit mehreren Monaten immer wieder von diesem neuen Browser namens ZEN Browser. Überall wird erzählt, dass das der nächste Browser sei und sogar der Chrome-Killer sein soll. Ich bin seit Längerem wieder auf der Suche nach einem neuen Browser – bis vor…

Animierter Lavalampen Background (HTML & CSS)

Wer wie ich schon ein wenig älter ist, der kennt die Lawalampen. Heute möchte ich euch zeigen wie ihr einen Lavalampen-Effekt als Hintergrund für eure Webseite programmieren könnt. Wie immer könnt ihr die Scripte auch noch selbst anpassen. Video HTML <div…

WordPress Mad King und Bully Matt Mullenwegs neuester Streich

Ich hoffe ihr habt nicht erwartet, dass der zur Zeit laufende WordPress-Krieg bereits vorbei ist – denn das ist er nicht. Um was es bei diesem WordPress-Krieg geht, muss ich glaub nicht nochmal wiederholen, sonst schaut euch hier diesen Link an und ihr findet alle…

Wie zeig ich ACF Texte in Divi 5 an

Ich hatte gestern einen spannenden Problemfall und zwar habe ich auf einer Kundenwebseite ACF installiert und dann habe einen Custom Post Type erstellt mit einzelnen Feldern. Danach habe ich ein paar Kurse abgefüllt mit Titel, Beschreibung und diesen Feldern. Jetzt…

Cooler GSAP Text Effekt mit Scrolltrigger

Wie ihr sicher schon gemerkt habt, bin ich ein absoluter Fan von GSAP, denn mit dieser freien Bibliothek kann man wirklich sehr einfach coole Effekte machen. Heute habe ich mal wieder so einen coolen Effekt für euch, der einen Scroll Trigger mit einem Hover-Effekt…

WordPress 7 wurde veröffentlicht

Es ist soweit, WordPress 7 ist nun endlich mit einem Monat Verspätung veröffentlicht worden. WordPress 7 ist diesmal dem Jazz-Musiker Louis Armstrong gewidmet. Die wohl grösste Änderung, die es diesmal gibt, ist nicht die Kollaborationsfunktion (die ja auf Befehl von…

E-Mail archivieren auf dem Mac

Wer ein Business führt, der weiss genau, dass er alle eMails schön immer archivieren muss – in der Schweiz gibt es so eine Aufbewahrungspflicht für 10 Jahre und ich glaube in der EU ist es ähnlich. Es gibt viele teure Tools, die man kaufen kann, womit man dann…

Visual Studio Code: Terminal Schriftgrösse anpassen

Ich verwende ja als Codeeditor den Visual Studio Code, denn mit ihm kann ich sehr schön programmieren. Darin gibt’s natürlich auch eine Terminal-Funktion, die ich vor allem für GIT-Befehle brauche – aber dafür muss ich nichts schreiben, sondern kann einfach einen…