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...
Wer wie ich schon ein wenig älter ist, der kennt die Lawalampen. Heute möchte ich euch zeigen wie ihr einen Lavalampen-Effekt als Hintergrund für eure Webseite programmieren könnt. Wie immer könnt ihr die Scripte auch noch selbst anpassen. Video HTML <div...
Hamburger-Menus gehören heute ja nicht mehr nur zu der mobilen Version einer Webseite, sondern sind immer öfter auch Teil eines Mega Menus. Mit einem Klick auf so ein Menu öffnet sich irgendwo ein verstecktes Menu. Der Vorteil dieser Art ist, man kann das Menu mehr...
Wenn man eine neue Webseite designt ist man immer auf der Suche nach coolen Ideen und heute möchte ich euch eine zeigen. Ich habe hier nämlich eine Idee wie ihr Cards designen und positionieren und animieren könnt. Ich habe das schon mehrmals auf Webseite gesehen wo...
Diese sogenannten Blobs, man könnte es auf Deutsch als Tropfen übersetzen, sieht man zur Zeit immer öfters im Webdesign. Ja es ist fast ein Trend. Diese Elemente werden als normale Formen in Webseiten eingesetzt oder sogar als ganz wilde Animationen. Heute zeige ich...
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...
Heute zeige ich euch wie man so einen springenden Ball zeichnen und animieren kann. Video HTML <div class="ball"></div> CSS :root { --bg: #b4838d; --ball: #f36725; --rand: #000; } * { margin: 0; padding: 0; box-sizing: border-box; } body {...
Ich weiss ja, dass es viele Leute gibt, die sind absolut glücklich mit Elementor. Ja, Elementor, die „Konkurrenz“ zu meinem geliebten Divi – ich selbst bin nie warm mit Elementor geworden, nicht nur wegen dem Preis, sondern auch, wie das ganze System...
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...
Heute möchte ich euch mal eine kleine Einführung geben zu den modernen CSS Selektoren :has & :not. Damit kann man nämlich in CSS „programmieren“ und eine Art If / Then abfrage starten. In ein paar Jahren braucht ihr weder JS noch PHP und könnt ihr...