Ich habe ja schon mal gezeigt wie man in DIVI ein Full Screen Mega Menu (DIVI Full Screen Menu erstellen) erstellen kann. Damals konnte man die Seite aber nicht designen sondern man konnte nur Farben ändern. Es lief alles über das normale Menu Modul ab. In der…
Design
Wie man das Label in einem Formular animiert (HTML & CSS)
Ihr habt das ja sicher auch schon öfters bei Formulare gesehen. Da steht beim Input Feld dann immer schön was man hier eingeben soll und wenn man auf das Formular klickt, dann verschiebt sich der Text nach oben oder unten oder sonst wie. Es ist also kein einfacher…
Was ist ein Bento Grid und wie mache ich es selbst? (Anleitung mit HTML und CSS)
Seit ein paar Monaten gibt es einen Webseiten-Trend der immer mehr an Fahrt aufnimmt und das ist das sogenannte Bento-Grid. Ein Grid kennt ihr ja, das sind so Kästchen/Boxen die regelmässig verteilt werden. Viele CMS sind auch darauf basierend – wie Elementor oder…
Slider Checkbox designen (HTML & CSS)
Wer schon mal ein Formular designt hat kennt sicher die Checkbox. Damit lassen sich einfach Dinge an- und auswählen aber einen Nachteil haben sie, sie sehen oft hässlich aus. Aus diesem Grund zeige ich euch heute wie ihr so eine Checkbox als Schalter darstellen könnt….
Wie aktualisiert man Penpot in Docker?
Ich verwende ja seit längerem Penpot – ein Tool das als Open Source Konkurrent zu Figma oder AdobeXD zählt. Entweder kann man Penpot für 7$ im Monat direkt mieten oder man installiert es auf einem eigenen Server. Ich habe ja unten bei den Füssen einen alten PC…
Wie erstelle ich eine responsive Bilder Grid Galerie auch Bento Grid genannt? (HTML & CSS)
Heute zeige ich euch wie man eine coole responsive Bilder Galerie mit Grid machen kann – man könnte auch Bento Grid dazu sagen. Mit diesem Trick kann man in einem Grid Bilder / Elemente pflanzen mit verschiedenen grössen – das was gerade so 2025 total IN…
Buchstaben mit GSAP animieren
Mit GSAP kann man viel anstellen und im heutigen Video zeige ich euch wie man Buchstaben animieren kann. Damit kann auch sehr viel witziges machen, Buchstaben die sich bewegen und drehen oder ganz verschwinden. Video GSAP <script…
Geniales GSAP Scroll-Feature: Vertikal → Horizontal → Vertikal
Habt ihr euch schon mal gefragt wie man es hinbekommt, dass wenn man auf der Maus nach unten scrollt man am Bildschirm aber seitwärts verschiebt (seitwärts-scrollt) und erst später wieder weiter nach unten kommt? So eine Art Zick Zack Scrolling? Mit so einem Effekt…
Animierte Checkbox mit eigenem Icon (HTML & CSS)
Heute zeige ich euch einen kleinen Trick, wie ihr eine Checkbox so erweitern könnt, dass ihr ein eigenes Icon verwenden könnt. Damit könnt ihr euer Formular sogar noch besser an euer CI anpassen. Video HTML <div class="container"> <form>…
GSAP Listen Animation für deine Webseite
Hin und wieder eine coole Animation auf einer Webseite eingesetzt macht das ganze viel hübscher. Heute zeige ich euch wie ihr eine Liste mit einem Scroll-Effekt erweitern könnt. Mit diesem Effekt kann der User rauf und runter scrollen und dann sieht er irgendwann eine…








