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...
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 HTML <div class="container"> <div...
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...
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...
Diese Art Eingabefelder sieht man immer wieder, vorallem in Apps oder grossen Webseiten ist das keine Seltenheit. Anstatt dass man ein einfaches Input Feld verwendet, habe ich hier mehrere genommen und diese nebeneinander angeordnet. Jetzt sieht es wieder aus wie ein...
Heute zeige ich euch also wie man einen einfachen Slider für seine Webseite bauen kann. Man braucht dazu nur HTML und eine kleine Portion CSS. Damit habt ihr eine gute Basis um auf diese grossen Slider Plugin verzichten zu können. Video HTML <div...
Heute zeige ich euch, dass man für Scroll Animationen nicht unbedingt GSAP brauchen muss sondern es auch mit reinem CSS geht. Scroll Animationen sind eine coole Sache und bisher musste man dafür GSAP verwenden. GSAP ist eine (neu) freie Bibliothek mit dem man coole...
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 HTML <body onload="slider()"> <div...