Wie programmiert man ein einfaches responsives Menu? (HTML & CSS)
Inhaltsverzeichnis Toggle VideoFont AwesomeHTMLCSS 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…
Kirby CMS – Eine Hero Sektion mit einem austauschbarem Bild erstellen.
Inhaltsverzeichnis Toggle VideoBlueprintSnippetIntegration in Template 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…
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
Inhaltsverzeichnis Toggle Chrome FlagsGitHub uBlock OriginChrome ExtensionsuBlock Origin läuft wiederWie 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…
In 50 Min zur Website: Kirby CMS Schritt für Schritt – Wir programmieren eine Webseite
Inhaltsverzeichnis Toggle VideoEinloggen ins BackendTemplatesSnippetsCSS / JSMenuBlueprintField ModusBlocks ModusFazit 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…
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
Inhaltsverzeichnis Toggle VideoCSSJavascript 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…
Wir erstellen eine Landingpage mit einem responsiven Video Background
Inhaltsverzeichnis Toggle VideoHTMLCSS 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…
Projekt Vend – Kann Claude KI einen kleinen Laden betreiben?
Inhaltsverzeichnis Toggle Was waren seine Aufgaben?Fazit es ExperimentsMeine Prognose 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…
Verberge Teile einer Webseite und lass deine Besucher sie mit einer Taschenlampe beleuchten
Inhaltsverzeichnis Toggle VideoHTMLCSSJavascript 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 –…
Wie erstelle ich am Mac automatisch mehrere nummerierte Ordner?
Inhaltsverzeichnis Toggle Script erstellenScript spezielle Rechte gebenScript ausführen 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…
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
Inhaltsverzeichnis Toggle VideoPluginFazit 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…
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?
Inhaltsverzeichnis Toggle VideoHTMLCSSJS 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 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…
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
Inhaltsverzeichnis Toggle VideoHTMLCSSJS 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…
DNS4EU – Europas eigener DNS‑Dienst
Inhaltsverzeichnis Toggle Was ist DNS4EUDNS4EU bietet 5 Dienste anWer steckt dahinter?Warum?Mein Fazit 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,…
So stylst du Formulare mit accent-color (CSS)
Inhaltsverzeichnis Toggle VideoHTMLCSS 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…
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…
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 Zuerst müsst ihr das Bild mit einer…
Animierter CSS Background
Inhaltsverzeichnis Toggle Video AnleitungQuellcodeDer HTML CodeDer CSS Code In der heutigen CSS Anleitung zeige ich euch wie man einen animierten Background erstellen kann und zwar nur mit CSS Video Anleitung Quellcode Denkt einfach daran, HTML Code in den HTML…
So baust du einen coolen Tilt-Effekt auf deiner Webseite! (HTML & Javascript)
Inhaltsverzeichnis Toggle VideoHTMLJS BibliothekCSSJavascript 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 /…
Neues WordPress Plugin: Video Manager for Peertube
Inhaltsverzeichnis Toggle VideoVerfügbare FunktionenLetzte X Videos einer Instanz als Liste zeigenLetzte X Videos einer Instanz zeigenEin Video in die Webseite einblendenLetzten Videos aus einem Kanal anzeigenLivestream anzeigenGeplante Funktionen Heute möchte ich…
Divi Bild zu Text vertikal zentrieren
Eines der wohl bekannteste Kombinationen im Webdesign ist wenn auf der einen Seite ein Bild ist und auf der Seite daneben ein Text steht. Nun ist es ja so, dass dabei oft eines der Elemente grösser als das andere ist. Heute zeige ich euch wie ihr das kleinere Element…
Textanimation selber machen in nur wenigen Schritten!
Inhaltsverzeichnis Toggle VideoHTMLCSSJavascript Heute zeige ich euch wie ihr mit Javascript eine coole Text Animation erstellen könnt und dafür müsst ihr nicht mal GSAP oder sonst was installieren, sondern es ist reines Javascript. Jetzt wisst ihr also wie ihr so…