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 {...
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...
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...
Habt ihr euch auch schon mal gefragt wie man es hinbekommt, dass man ein Element (Bild hier) das vor und das danach positioniert ist auch noch manipulieren kann? Im heutigen Blogbeitrag zeige ich euch wie das geht. Ihr könnt so aus einer Reihe von Bilder eines mit der...
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 HTML <div...
Heute möchte ich euch ein neues CSS Feature zeigen und zwar heisst es corner-shape. Damit kann man wie es der Name schon sagt, den Ecken eine neue Form geben. Damit kann man viele coole Dinge machen. Ich stelle euch nicht nur ie neuesten Formen vor, sondern zeige euch...