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...
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...
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...
