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...
Design
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 HTML <div...
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...
Textanimation selber machen in nur wenigen Schritten!
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ä...
CSS Desktop Slide-In Hamburger Menu programmieren (HTML & CSS)
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...
Wie erstelle ich ein CSS Card Hover Effekt?
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...
DIVI Full Screen Mega Menu ohne Plugin erstellen
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...
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....









