Wer auf der Suche nach einer Alternative zu Photoshop oder Word ist, sollte jetzt aufpassen. Letzte Woche wurde ein GitHub-Repo bekannt, das einer erstellt hat. Da hat nämlich einer mit KI die ganze Adobe-Programmpalette nachgebaut (angeblich Vibe Coded) und hat sich...
Heute zeige ich euch einen kleinen Trick und zwar wie man Texte über Bilder und hinter einem Bild legt. Der Text über dem Bild da sieht man aber nur eine Kontur und dadurch hat man einen coolen Bilder Effekt. Übrigens diesen coolen Bilder Effekt kann man in allen...
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...
Wer Bilder in seine Webseite als Galerie einbetten will steht immer vor der Frage - WIE kann ich eine Galerie bauen die auffällt. Heute zeige ich euch mal so eine sich drehende 3D Bilder Galerie - ihr lernt hier wie man sie aufbaut und könnt sich danach sehr einfach...
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...
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...
Wenn man eine neue Hero-Sektion bauen muss, dann braucht man oft eine Titel-Animation. Heute zeige ich euch, wie ihr eine eher verspielte Titel-Animation mit HTML und CSS erstellen könnt. Normale und langweilige Titel gibt es zur Genüge, diese Art Titel entlocken...
Heute zeige ich euch wie man nur mit HTML und CSS einen coolen Parallax Effekt erzeugen kann. Wen man da runterscrollt sieht man verschiedene Sektionen die sich irgendwann überschneiden und dann wir der Text auch ausgetauscht. In meinen Augen ist das ein perfekter Weg...
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...
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...
Heute zeige ich euch mal wie man so einen genialen 3D Bilder Slider für die Webseite erstellen kann. Und bevor ihr fragt, ja natürlich ist es auch responsive 🙂 Video [dsgvo-youtube url="https://www.youtube.com/watch?v=K92-W8EbmAA"...
Ich habe euch ja beim letzten Mal erklärt wie ihr in GSAP eine Animation erstellen könnt und heute geht es weiter. Ich zeige euch nun wie ihr so eine Animation direkt mit einem Scrolltrigger verbinden könnt, so dass die Animation direkt durchs Scrollen auf einer...
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...
Heute zeige ich euch wie man so einen springenden Ball zeichnen und animieren kann. Video [dsgvo-youtube url="https://www.youtube.com/watch?v=jv7BXC6FfP4" images="https://www.chefblogger.me/wp-content/uploads/2025/10/css-springender-ball.jpg" alt="Youtube...