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…
Webdesign
Wie erstelle ich einen Darkmode für meine Webseite? (HTML, CSS & Javascript)
Seit ein paar Jahren ist das ein absoluter Trend, immer mehr Webseiten und App bauen es ein und zwar rede ich von einem Dark Mode. Was am Tag kein Problem ist nämlich eine Webseite mit weissen Hintergrund und schwarzer Schrift ist am Abend meistens der Grund für viele…
Spekulatives Laden: So optimierst du deine Webseite richtig
Vor knapp 1 Woche gab es die neue WordPress-Version 6.8 (WordPress 6.8 „Cecil“ wurde veröffentlicht) und damit sind nicht nur viele Gutenberg-Updates gekommen, sondern es gab auch eine neu eingeführte Funktion namens Speculative Loading oder auf Deutsch Spekulatives…
Animierte Checkbox mit eigenem Icon (HTML & CSS)
Heute zeige ich euch einen kleinen Trick, wie ihr eine Checkbox so erweitern könnt, dass ihr ein eigenes Icon verwenden könnt. Damit könnt ihr euer Formular sogar noch besser an euer CI anpassen. Video HTML <div class="container"> <form>…
GSAP Listen Animation für deine Webseite
Hin und wieder eine coole Animation auf einer Webseite eingesetzt macht das ganze viel hübscher. Heute zeige ich euch wie ihr eine Liste mit einem Scroll-Effekt erweitern könnt. Mit diesem Effekt kann der User rauf und runter scrollen und dann sieht er irgendwann eine…
HTML Radiobutton mit eigenem Designen erstellen (HTML & CSS)
Heute machen wir mal wieder etwas fürs Webdesign und zwar zeige ich euch wie ihr Radiobutons designen könnt. Ihr kennt das, da hat man ein Formular und möchte ein paar Infos beim Webseitenbesucher abfragen und dann verwendet man diese Radiobuttons (Diese runden…
Wie kann ich den Scrollbar auf meiner Webseite designen?
Habt ihr euch auch schon gefragt wie ihr den Scrollbar auf eurer Webseite anpassen könnt, so dass es nicht langweilig Grau ist sondern perfekt an euer CI angepasst? Ja, sowas lässt sich nämlich in der Farbe und auch in der Breite anpassen. Video CSS /* breite der…
Coole pulsierende Animation für Avatare oder andere Elemente (HTML & CSS)
Heute möchte ich euch eine coole Animation zeigen mit der ihr eure Avatare aufhübschen könnt oder andere Elemente. Ich persönlich finde solche augenfesselnde Animationen immer eine geniale Sache – man kann sie nämlich da einsetzen wo man will dass der Besucher…
Wie bindet man ein Video DSGVO korrekt ein und zwar ohne Plugin – Video lädt nach Bestätigung nach
Heute zeige ich euch wie man nach einem Klick auf einen Link ein Element nachladen kann. Diese Technik kommt immer wieder beim Thema DSGVO zum Einsatz. Mit Klick auf den Button wird ein Video nachgeladen, den Twitter Feed oder oder oder. Und heute zeige ich euch wie…
Lass uns einen Rezept Umrechner programmieren – Cups + Gramm und Fahrenheit + Celsius
Wir leben in einer spannenden Zeit, dank dem Internet haben wir innert Sekunden Zugriff auf das Wissen aus aller Welt. Früher war das nicht so, da musste ich Bücher lesen oder mich auf Reisende verlassen die mir Geschichte aus fernen Länder erzählt haben. Heute aber…








