Heute zeige ich euch wie man einen Hintergrund Slider mit CSS erstellen kann. So wird das Hintergrundbild ausgetauscht während die Elemente gleich bleiben. Natürlich ist auch alles immer schön Responsive. Video HTML <body onload="slider()"> <div…
Javascript
Wie erstelle ich einen Darkmode für meine Webseite? (HTML, CSS & Javascript)
Seit ein paar Jahren ist das ein absoluter Trend, immer mehr Webseiten und App bauen es ein und zwar rede ich von einem Dark Mode. Was am Tag kein Problem ist nämlich eine Webseite mit weissen Hintergrund und schwarzer Schrift ist am Abend meistens der Grund für viele…
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 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ä…
Standort Abfrage mit der Geolocation API im Browser – Webdesig Tipp
Wo ist die nächstgelegene Filiale meines Unternehmens, wo ist der nächste Coiffeur, wie komme ich am schnellsten zum Bodensee? Das sind alles Fragen die vielleicht für eure Webseiten interessant sind und die ihr so oder ähnlich euren Besuchern stellen möchtet. Dafür…
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…
Wie bindet man ein Video DSGVO korrekt ein und zwar ohne Plugin – Video lädt nach Bestätigung nach
Heute zeige ich euch wie man nach einem Klick auf einen Link ein Element nachladen kann. Diese Technik kommt immer wieder beim Thema DSGVO zum Einsatz. Mit Klick auf den Button wird ein Video nachgeladen, den Twitter Feed oder oder oder. Und heute zeige ich euch wie…