Heute zeige ich euch wie man eine coole responsive Bilder Galerie mit Grid machen kann - man könnte auch Bento Grid dazu sagen. Mit diesem Trick kann man in einem Grid Bilder / Elemente pflanzen mit verschiedenen grössen - das was gerade so 2025 total IN ist. Video...
HTML
Buchstaben mit GSAP animieren
Mit GSAP kann man viel anstellen und im heutigen Video zeige ich euch wie man Buchstaben animieren kann. Damit kann auch sehr viel witziges machen, Buchstaben die sich bewegen und drehen oder ganz verschwinden. Video https://www.youtube.com/watch?v=KdPXq-qri1w GSAP...
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 https://www.youtube.com/watch?v=ulNcHVhz-6A HTML Schweiz...
Animierter Link Unterstrich mit HTML CSS (Highlight)
Heute zeige ich euch wie man auch einen Unterstrich bei einem Link animieren kann. Ich glaube nicht dass ihr davon wusstet. Kurz und knackig erklärt. Video https://www.youtube.com/watch?v=6Ty-tyPh7O0 HTML Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id...
Ribbons / Schleifen mit CSS erstellen
Hin und wieder will man eine Text Box optisch ein wenig verschönern und vielleicht sogar die Aufmerksamkeit der Leser auf diese Box lenken. Um dies zu erreichen kann mn so Schleifen auch Ribbons genannt verwenden. Wie man so eine Schleife Ribbon über ein Bild legt...
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...
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 genau...
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...
Animiertes Smiley – die Augen folgen der Maus – Webdesign Idee (HTML & CSS & Javascript)
Javascript ist eine Sprache die genial ist aber mich auch furchtbar aufregen kann. Sie ist aber auch eine Sprache mit der man Dinge im Web animieren kann und heute zeige ich euch wie man ein Objekt mit der Maus verknüpfen kann. So sieht es dann aus, als ob die Augen...
Fast unbekannte HTML Pseudo Elemente mit denen ihr ein Text designen könnt
Es gibt nichts langweiligeres als wenn ein Text von links bis rechts durchgehend ist, ohne Umbruch, ohne Bild... einfach nur langer Text. Aus diesem Grund möchte ich euch heute ein paar fast vergessene Psoido HTML / CSS Elemente zeigen, mit denen ihr eure Texte ein...
Lasst uns einen Scroll Progress Bar mit HTML & CSS programmieren
Vor allem wenn man einen Blog oder eine Webseite mit viel Text hat, will man seine Leser darauf aufmerksam machen dass der Text noch weiter geht / länger ist. Dafür kann man entweder oben hinschreiben wie lange das Lesen dauert oder man baut einen Scroll Watcher ein....
Einen Text – Wechsler mit CSS erstellen
Bei der Programmierung einer Webseite will man hin und wieder den Fokus auf ein Element legen, dafür kann man entweder Farben, Formen oder so wählen oder halt auch mal einen coolen Effekt. Heute zeige ich euch wie ihr so einen coolen Text Wechseler Effekt erzielen...
Warne deine Webseiten Besucher vor dem Verlassen der Webseite (HTML & Javascript)
Ich stand vor dem Problem dass ein Kunde unbedingt seine Webseitenbesucher warnen wollte, dass sie die Webseite verlassen. Er hat gehört, dass Kunden davon abgehalten werden müssen um die Conversion-Rate hoch zu halten. Ich habe das auch schon öfters gesehen und finde...













