Ich sage immer, dass Buttons das wohl wichtigste Element einer Webseite sind, denn ein schlechter Button wird übersehen und ein guter Button treibt den CTA in die Höhe. Leider machen viele Webdesigner ihre Buttons meistens sehr langweilig oder sie verstecken sie ganz...
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 [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...
Mit Clip Path kann man nicht nur Bilder verrückte Formen geben, sondern sie auch als Teil einer Animation für Texte und andere Elemente verwenden. Clippy habe ich euch ja schon öfters gezeigt, denn dieses Tool ist sehr praktisch wenn man Bilder oder wie wir heute...
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...
Wolltet ihr schon mal eine Art Zeitungsdesign in eure Webseite einbauen? Dieses Block Design kann man mit CSS bekommen. Heute zeige ich euch wie ihr so ein Split Screen erstellen könnt. Damit bleiben die Inhalt eurer Seite immer bei 50% / 50%. Video...
Die sogenannten Tabs sind Elemete in einer Webseite wo man verschiedene Inhalte mehrmals am gleichen Ort positionieren kann und der Wechsel macht man über einen einfachen Button. Tabs gehören heute zur Grundausstattung einer Webseite. Ich persönlich mag sie nur...
Heute zeichnen wir mal wieder etwas in CSS - mit solchen Experimente kann man nämlich immer viel lernen. Es gibt Vollprofis da draussen die können ganze Bilder malen wie die Künstler aus alten Tagen. Sehr beeindruckend. Heute zeiche ich mit euch ein Tropfen auf einer...
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...
Heute zeige ich euch wie ihr diesen coolen Card Hover Effekt für eure Webseite machen könnt. Manchmal sind kleine Animationen einfach einen Eye-Catcher und fangen die Aufmerksamkeit der Webseiten Besucher. Video https://youtu.be/30sbkNqeK7s HTML Pinsel Lorem ipsum...
Mit Zahlen muss man in einem Formular immer wieder umgehen können und dafür gibt es dieses Number Input Field das wir alle kennen. Das Problem ist jetzt aber, dass ich dieses Feld ziemlich hässlich finde und heute zeige ich euch wie ihr es mit CSS designen könnt. Ein...
Heute machen wir wieder was sehr spassiges und zwar zeige ich euch wie ihr eine einfache Sternchen Bewertung für eure Webseite designen könnt. Ihr wisst schon was eine Sternchenbewertung ist - diese 1-5 Sterne (oder mehr) die man anklicken kann um etwas zu bewerten....
Ihr habt Bilder auf eurer Webseite die ihr gerne modern und interessant euren Webseiten Besuchern zeigen möchtet? Dann habe ich evtl eine coole Idee für euch. Hier mit dieser animierten Polaroid Galerie könnt ihr die Aufmerksamkeit der Leute fesseln. Dieser Effekt ist...