Es kommen immer wieder Grafiker oder gleich Kunden zu mir die wilde Effekte auf ihre Webseite eingebaut haben wollen. Für viele diese Effekte gibts gute Alternative und manchmal muss ich auch nein sagen - so ergings mir mit Welleneffekten die natürlich aussehen...
Javascript
Wie kann ich den Inhalt eines Passwortfeld anzeigen und verstecken? (HTML, CSS und Javacsript)
Dieses Element sieht man auf vielen Webseiten, wo man ein Passwort eingeben muss, denn es hilft dem Webseitenbesucher sehr, und zwar geht es um das Passwortfeld, wo man das Passwort anzeigen oder verstecken kann. Auch mir hilft es immer wieder, wenn ich ein Passwort...
Wie kann ich eine eMail Adresse validieren? Formular Trick mit HTML, CSS und Javascript
Wer ein Formular in die eigene Webseite einbaut, der ist auf eine korrekte E-Mail-Adresse angewiesen – Fehler beim Eintippen sind schnell gemacht. Heute zeige ich euch, wie ihr eine E-Mail-Adresse beim Eingeben direkt validieren könnt. Wenn also jemand seine...
Responsive animierter Nummer Zähler erstellen
Diese spannende Elemente wo eine Zahl automatisch raufzählt und irgend etwas dazu geschrieben steht nennt man auf englisch "number counter" und sowas programmieren wir heute. Perfekt für eure Webseite Wir alle haben diese Elemente bereits gesehen - mal wird gezeigt...
Coole animierte Bio Karte
Wenn man Personen vorstellen will, dann möchte man das ja nicht unbedingt nur mit einem Bild und einem kurzen Text machen, sondern es soll ein wenig auffallen. Und im heutigen Beitrag zeige ich euch genau, wie das geht. Ihr habt am Schluss ein Bild und wenn ihr mit...
Der schüchterne Button (HTML, CSS und Javascript)
Wenn ihr mal eure Webseiten-Besucher ein wenig ärgern wollt, dann habe ich jetzt was Geniales für euch. Stellt euch vor, ihr habt ein Formular oder einen Button auf eurer Webseite. Wenn ihr nun mit dem Mauszeiger in die Nähe dieses Buttons kommt, dann verschiebt sich...
Wir programmieren ein Game – Kill die Ratte mit HTML, CSS und Javascript
Laut Statistik sind ja unter meinen Lesern / Zuschauer ganz junge wie auch ganz alte Säcke (so wie ich einer bin) und darum erinnern sich nur ein Teil an ein legendäres Game aus den Nuller Jahren und zwar hiess es Moorhuhnjagd. Heute werden wir was ganz ähnliches...
Wie kann ich einen eigenen Mauszeiger erstellen? (HTML, CSS & Javascript)
Man sieht es bei Webseiten immer wieder – anstatt dass es der normale Mauszeiger ist, hat die Webseite eine eigene Version erstellt. Ich rede hier jetzt nicht davon, einfach ein SVG einzubinden – das könnte man auch machen. Nein, ich rede von einem mit CSS designten...
Wie erstelle ich einen einfachen Slider für meine Webseite der Responsive ist?
Heute zeige ich euch wie ihr einen responsiven Slider von Grund auf neu programmieren könnt. Ich zeige euch alle Schritte wie ihr so ein Bilderwechsel hinbekommt und auch wie ihr so eine Navigation einbauen könnt. Perfekt für eure Webseite oder um den Grundaufbau zu...
Wie erstellt man einen Hintergrund Slider?
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 https://www.youtube.com/watch?v=b489MhBg4wg HTML Ein...
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 lesen. So ein kleiner...
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 https://www.youtube.com/watch?v=5hNIlOBQ2NQ HTML 🇨🇭...
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...














