Wie erstelle ich einen Darkmode für meine Webseite? (HTML, CSS & Javascript)
Seit ein paar Jahren ist das ein absoluter Trend, immer mehr Webseiten und App bauen es ein und zwar rede ich von einem Dark Mode. Was am Tag kein Problem ist nämlich eine Webseite mit weissen Hintergrund und schwarzer Schrift ist am Abend meistens der Grund für viele...
Finger weg von WeTransfer – Sie klauen eure Daten
Heute habe ich schlechte Nachrichten für alle, die gerne Daten über WeTransfer verschicken. Ab dem 8. August 2025 gelten neue AGB – und die haben es in sich. Video https://youtu.be/9rp1i-hcV5A Vor allem der Abschnitt zu den Rechten an den übertragenen Daten sorgt...
Der neue Newsletter ist da – meldet euch jetzt an
Ende 2023 habe ich mich entschieden, dass ich gerne wieder einen Newsletter installieren würde und so habe ich mir damals Mautic installiert und dann hätte es los gehen können. Es gab auch viele die haben sich da angemeldet und haben wohl auf meinen Newsletter...
Wie programmiert man ein einfaches responsives Menu? (HTML & CSS)
Es ist egal welches CMS man verwendet in allen egal ob WordPress oder Kirby oder Typo3, ein Menu ist ein sehr wichtiges Element auf einer Webseite. Leider wissen viele nicht wie einfach es eigentlich ist ein einfaches responsives Menu zu erstellen und das will ich...
Kirby CMS – Eine Hero Sektion mit einem austauschbarem Bild erstellen.
Heute möchte ich euch zeigen wie ihr in Kirby CMS in einer Seite eine sogenannte Hero Sektion einbauen könnt. Eine Hero Sektion ist meistens das Element ganz am Anfang einer Seite die die Aufmerksamkeit der Besucher einfangen soll. In diesem Beispiel ist es ein Bild...
ChatGPT will den Browser-Markt erobern – Veröffentlicht laut Gerücht einen eigenen Browser
Seit ein paar Stunden höre ich überall dass ChatGTP den Browser Markt erobern möchte und ein paar % von Chrome schnappen möchte. Und nicht zum ersten Mal hört man in der Gerüchteküche, dass sie dafür einen eigenen Browser entwickelt haben in dem ChatGPT voll...
Ad Blocker von Chrome zerstört – so läuft uBlock Origin doch noch weiter
Der Kampf von Chrome gegen alle Ad Blocker ist nun definitiv in die heisse Phase eingetreten und es ist gut möglich, dass die Stunden mit Chrome für mich gezählt sind. Heute gabs ein Chrome-Update und das habe ich natürlich sofort ausgeführt, aber dann habe ich die...
In 50 Min zur Website: Kirby CMS Schritt für Schritt – Wir programmieren eine Webseite
Als einen guten WordPress Ersatz habe ich ja Kirby CMS gefunden. Dieses CMS aus Deutschland hat alles was ich als Webentwickler brauche und überlässt mir die Freiheit alle Webprojekte zu machen die ich will. Der einzige "Nachteil" ist, dass man alles selbst...
Automatisierte LinkedIn Post aus Google Sheet – KI Automatisierung
Ich bin ja ein sehr fauler Mensch und überflüssig Arbeit mag ich gar nicht und darum suche ich immer wieder Lösungen die mein Leben erleichtern. So ärgere ich mich seit einer Weile mit der Frage rum, wie ich Linkedin Posts automatisieren kann. Ich habe mir gefüht in...
Divi Mobile Menu Untermenupunkte zusammen klappen
Heute zeige ich euch wie ihr überlange Divi Mobile Menus verkleinern könnt, in dem ihr die Untermenus zusammenklappt. Damit spart man viel Platz und der Webseitenbesucher muss sich nicht krumm scrollen. Wenn ihr ein anderes "Schliess-Icon" Verwenden möchte, dann könnt...
Wir erstellen eine Landingpage mit einem responsiven Video Background
Heute zeige ich euch einen Weg wie ihr eine Landingpage mit einem responsiven Video Background erstellen könnt. Wenn ihr ein Video als Hintergrund einbauen möchtet dann solltet ihr schauen dass das Video nicht 100mb ist weil sonst muss der Webseitenbesucher x Tage...
Projekt Vend – Kann Claude KI einen kleinen Laden betreiben?
Projekt Vend von Anthropic hat ein spannendes Experiment gemacht und zwar hat sie Claude.ai so ein "Laden" betreiben lassen. Dafür haben sie Sonnet 3.7 verwendet. Der Prompt sah so aus: *„Du bist Besitzer eines Verkaufsautomaten. Deine Aufgabe ist es, damit Gewinn zu...
Verberge Teile einer Webseite und lass deine Besucher sie mit einer Taschenlampe beleuchten
Im heutigen Video zeige ich euch einen sogenannten Spotlight Effekt. Da ist auf einer Webseite der Content unsichtbar und erst wenn ihr mit der Maus darüber "scheint" - ja wie eine Taschenlampe - könnt ihr en Inhalt / Content erkennen und lesen. So ein kleiner...
Wie erstelle ich am Mac automatisch mehrere nummerierte Ordner?
Wer wie ich viele Videos produziert oder Bilder organisieren möchte, der braucht immer wieder viele neue nummerierte Ordner. Mit der Taste ≪Shift≫ + ≪Command≫ + ≪Taste-N≫ erstellt man sich einen neuen Order, dem man dann auch noch einen Namen geben muss. So kommen pro...
Finger Weg von CapCut – Nimmt Alternativen wie Instagram Edits
Nein, das ist kein Clickbait-Titel, sondern wirklich die harte, ungeschminkte Wahrheit. CapCut gehört nach dem letzten AGB-Update in den Müll – oder wie wir hier sagen, in den Abfallchübel. Am 12. Juni 2025 hat CapCut nämlich seine AGB angepasst und ein paar sehr böse...
WordPress & Contact Form 7 mit n8n und Google Sheets verbinden – KI Automatisierung
Ich habe jetzt schon ein paar Mal über n8n geschrieben und heute geht es auch weiter. Viele sogenannte KI-Experten da draussen bringen gerade massiv viele Blogbeiträge und Videos zu diesem Thema heraus, und dabei haben sie alle den gleichen Denkfehler. Viele denken,...
16 Milliarden Passwörter wurden gehackt – bleibt ruhig
Überall hört man ja gerade, dass angeblich über 16 Milliarden Passwörter und Zugangsdaten gehackt worden sind. Die Medien in ihrer unendlichen Clicksucht haben das mit Clickbait viel brutaler gemacht als nötig. Wie immer bei solchen News bin ich extrem vorsichtig –...
KI Automatisierung: n8n + AI Ollama in Docker aufsetzen
Ende 2022 wurde ChatGPT veröffentlicht und damit begann der ganze KI-Hype. Und jetzt, Mitte 2025, gehört KI eigentlich für alle zur täglichen Arbeit. Es vergeht eigentlich kein Tag, an dem nicht irgendwas Neues auf dem Gebiet erfunden oder verbessert wird. Aus diesem...
Wie programmiere ich ein DropDown Form Select Element mit Icon?
Heute zeige ich euch wie ihr so ein langweiliges Drop Down Element in einem Formular mit einem Icon erweitern könnt. Je nach Auswahl im Drop Down verändert sich das Icon. Ein kleiner Trick mit grosser Wirkung. Video https://www.youtube.com/watch?v=5hNIlOBQ2NQ HTML 🇨🇭...
ActivityPub Plugin für WordPress jetzt mit genialer Funktion – sichtbare Reaktionen in Beiträge
Es kann tatsächlich vorkommen, dass ein WordPress-Plugin-Update eine neue Funktion mitbringt, die ich völlig übersehe. So ist das wieder mal mit dem ActivityPub-Plugin passiert. Das ActivityPub-Plugin ist ein WordPress-Plugin, mit dem man sein WordPress direkt ins...
n8n Update in Docker
Ich wurde jetzt schon mehrfach gefragt wie man denn n8n updaten kann wenn man es auf einem eigenen Server installiert hat mit Docker. Heute verrate ich euch diesen extrem komplizierten Docker Workflow. Zuerst einmal - solltet ihr von all euren n8n Workflows ein Backup...
Bestellte Produkte aus WooCommerce in n8n als Liste formatieren
Ich habe mir in den Kopf gesetzt, WooCommerce mit n8n zu verbinden. Unter ≪Einstellug -> Erweitert -> Rest-API ≫ sind die nötigen Zugangsdaten schnell gefunden – die Verbindung ist also rasch eingerichtet. Anschliessend wollte ich, dass ich bei jeder neuen Bestellung...
Wichtige Befehle für n8n und ollama gehostet auf einem Server
Ich habe ja unter meinem Pult ein kleiner alter Computer am laufen auf dem ich Yunohost und Docker installiert habe und viele Fediverse Instanzen laufen lasse. Jetzt habe ich vor einiger Zeit n8n installiert. n8n ist eigentlich eine Automationssoftware die sehr...
Ich programmiere ein dynamisches Formular / Rechnungstool
Habt ihr euch schon mal gefragt wie man ein dynamisches Formular macht? Da gibts Elemente die man mit einem Knopfdruck nachladen kann und die Leute können so das Formular mit neuen Felder erweitern? Nun in diesem Beitrag zeige ich es euch und zwar programmieren wir...
DNS4EU – Europas eigener DNS‑Dienst
Dank dem neuen US-Präsident Donald Trump ist vielen Menschen auf der Welt aufgefallen, dass die USA kein Leuchtturm der Freiheit ist. Ich weiss bis heute nicht, warum dieses Märchen von so vielen Menschen geglaubt worden ist – für mich ist die USA schon immer der...
So stylst du Formulare mit accent-color (CSS)
Heute zeige ich euch ein kleinen CSS Befehl mit dem ihr eine Check Box, ein Radio Button und ein Slide Range eines Formular umfärben könnt. Dieser kleiner CSS Befehl kennen viele noch nicht, er er leichtert aber das Leben eines Webdesigners sehr. Video...
Wie installiert man einen Git Server genannt Gitea mit Yunohost?
Über Git habe ich hier ja schon öfters berichtet. Ein Git Server braucht man wenn man gerade mit Codes arbeitet und eine Versionsverwaltung braucht. Ihr wisst auch, dass ich ein Kontrollfreak bin und nicht gerne fremdgehostete Dienste verwende - darum bin ich immer...
Bilder mit CSS abrunden
Heute habe ich ein neues Video für euch - in diesem Video zeige ich euch wie schnell und einfach mal Bilder abrunden und verformen kann und zwar ohne dass man Photoshop verwendet, sondern nur mit einfachen CSS Befehlen. Video https://youtu.be/P-B2OpQN1JA Zuerst müsst...
Animierter CSS Background
In der heutigen CSS Anleitung zeige ich euch wie man einen animierten Background erstellen kann und zwar nur mit CSS Video Anleitung https://www.youtube.com/watch?v=bnpSxz-bUss Quellcode Denkt einfach daran, HTML Code in den HTML Bereich, CSS in den style.css und dann...
So baust du einen coolen Tilt-Effekt auf deiner Webseite! (HTML & Javascript)
Es müssen nicht immer die ausgefallensten Animationen auf eine Webseite eingebaut werden, um den Aha-Effekt bei den Webseitenbesuchern auszulösen. Manchmal reicht es auch, wenn ganz kleine Animationen / Effekte eingebaut werden – wie eine Card, die sich mit der Maus...