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…
Wer seine Webseite mit DIVI 5 entwickelt der merkt sehr schnell das sich vieles verändert hat, je nachdem ist es nun besser oder auch schlechter geworden.. Eines der wohl grössten Veränderung ist wie Divi 5 nun mit CSS Klassen und ID umgeht, denn die klassischen…
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…
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;…
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…
Ich habe ja schon 2 Möglichkeiten geschrieben wie man einen Dark-Mode für seine Webseite machen kann. Heute zeige ich euch einen „neuen“ Weg der etwa seit 2022 auf allen Browsern möglich ist und zwar einen nur mit reinem CSS. Damals wurde das color-scheme…
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 mal eine kleine verrückte Idee wie ihr einen Titel erstellen könnt. Und zwar ists heute kein einfacher Text sondern ein Text der sich dreht – wie in einer Walze… Ein echt spannendes Experiment von dem man viel lernen kann. Video HTML…
Heute möchte ich euch einen kreative Weg zeigen wie ihr Informationen in eure Webseiten präsentieren könnt. Entweder könnt ihr ein Schlagwort zeigen oder das ganze auch als Button verwenden. Video HTML <div class="container"> <div…
Wenn ihr eurer Webseite einen leichten MacOS Stile geben möchtet, dann habe ich heute was für euch. Und zwar zeige ich euch wie ihr ein Box Element erstellen könnt, der aussieht wie direkt aus einem Mac. Relativ einfach aber noch eine coole Sache für alle Mac-Fans da…
