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…
CSS
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…
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 HTML <div class="select-container">…
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…
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…
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 Quellcode Denkt einfach daran, HTML Code in den HTML Bereich, CSS in den style.css und dann sollte es gehen 🙂 Der HTML Code <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…
2 kreative Menu Effekte für deine Webseite (HTML & CSS)
Wer eine Webseite programmiert der weiss genau dass das Menu eines der wichtigsten Elemente ist. Wenn der Webseitenbesucher keinen Weg auf eine Unterseite findet, da bringt auch die schönste und beste Webseite nichts. Aus diesem Grund zeige ich euch heute 2 coole und…









