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…
Habt ihr schon mal versucht ein Suchfeld in eure Webseite einzubauen hattet aber das Problem, dass ihr dafür keinen Platz habt? Wie wäre es wenn man so ein Suchfeld hinter einem Icon verstecken würde? Erst wenn man auf das Icon drauf klickt dann erscheint der Button….
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…
Ihr möchted einen Like Button für eure Webseite oder ihr möchtet einen Button wo ihr zeigt wieviele Follower ihr habt? Dann seid ihr hier genau richtig. Im heutigen Video zeige ich euch wie man so einen Button mit CSS designen kann. Später könnt ihr dann selbst das…
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…
Habt ihr euch schon mal gefragt wie man einen gestreiften Hintergrund mit CSS machen kann? Dann hat das warten ein Ende, denn ich zeig euch heute wie sowas umsetzbar ist Video HTML <div class="container"></div> CSS :root { –farbe-gruen: #289a6a;…
Habt ihr euch schonmal gefragt wie ihr einen Text auf eurer Webseite schützen könnt, so dass man ihn nicht rauskopieren kann? Hier zeige ich euch einen Weg wie ihr das machen könnt. Denkt einfach daran, dass so ein Weg eigentlich nichts bringt denn wenn man eine…
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…
