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...
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 einen coolen Text Effekt ohne Plugin, Bilbliothek oä...
Heute zeige ich euch wie ihr ein Hamburger Menu selbst programmieren könnt für eure HTML Seite. Das ist eines der Elemente die man immer wieder brauchen muss und heute lernt ihr also wie man sowas programmiert. Wie immer – es gibt viele Wege die nach Rom äh zum...
Heute zeige ich euch wie man ein Card Hover Effekt mit CSS und HTML programmieren kann. Das ist eines der am meisten eingesetzen Elemente in einer Webseite und nun wisst ihr auch wie es geht. Video HTML <section class="card-container"> <article...
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...
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...
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...
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....
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...
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...