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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
Webdesign: Hintergrundfarbe per Knopfdruck austauschen lassen? (HTML & CSS)
Auch wenn viele Menschen keine grosse Fans von Javascript sind - mit dieser "Sprache" kann man sehr spassiges Zeug machen. So zeige ich euch heute wie eure Webseitenbesucher eure...
CSS Grid Menu erstellen mit HTML und CSS
CSS Grid ist ein sehr nützliches System - man kann hier nämlich sehr einfach ein Grid System aufbauen. Man kann da definieren wie breit so eine Box sein soll - wieviele Kolonnen...
Lasst uns einen Kredit / Zinsrechner programmieren (HTML & CSS & Javascript)
Heute machen wir mal wieder was ganz spannendes und zwar wir bauen ein Kredit / Zinsrechner. Wir bauen also ein Formular mit HTML, dort können wir dann die Kredithöhe, den...
Countdown: Wie viele Tage sind es noch bis Weihnachten? HTML & CSS & Javascript
Der Sommer der neigt sich dem Ende zu und in den Läden weihnachtet es bereits. Damit ihr Weihnachten nicht vergesst und immer wisst wie viele Tage es noch bis Weihnachten sind -...
Webdesign Idee – Team Seite – mit HTML und CSS
Eine der wichtigsten Seiten einer Webseite ist die sogenannte ≪About Us≫ Seite - die Kunden möchten nämlich wissen wer hinter der Webseite / Firma / Produkt steht und wer hier...
Lasst uns ein Passwort Generator mit HTML und Javascript programmieren
Heute programmieren wir mal wieder was sehr nützliches und zwar einen Passwort Generator. Wir brauchen immer wieder Passwörter und mit dieser Webseite könnt ihr jederzeit ein...
3D Layer Button inkls Animation mit CSS erstellen
Heute möchte ich euch mal einen etwas aufwändigerene Button Stil zeigen und zwar kann man ihn auch als 3D erstellen. Ja der Button wir hier nicht nur perspektifisch transformiert...
Responsive Fullscreen Video Background (auch für DIVI und Elementor geeignet)
Es gibt eine Webdesign Technologie die ich LIEBE und zwar die Möglichkeit ein Video als Hintergrund einzubauen. Damit kann man nämlich eine Firma / Produkt sofort schön...
Einen cooler Fokus Text / Titel mit CSS – Webdesign Idee
Wenn man an einer Webseite rumprogrammiert ist man immer wieder auf der Suche nach einer coolen Idee mit der man die Aufmerksam der Webseitenbesucher / Kunden fesseln kann....
Wir programmieren blinkende Buchstaben für unsere Webseite mit HTML und CSS
Heute zeige ich euch einen coolen Effekt den man für Webseiten und Online Shops gut brauchen kann und zwar zeige ich euch wie ihr blinkende Wörter / Buchstaben machen könnt. Wenn...
Wir erstellen einen runder rotierender Kreistext mit HTML, CSS und Javascript
Wenn man eine Webseite verbessert oder designt, dann möchte man gewisse Elemente haben die einfach den Leute im Kopf bleiben - dem sag ich dann "einen Anker setzen". Sowas kann...
3 in 1 Bild Effekt / Galerie der andere Art – HTML und CSS
Wenn man mehrere Bilder auf einer Webseite anzeigen soll dann greifen viele Webdesigner auf die Galerie zurück. Das kann natürlich sehr schön sein - aber manchmal will man was...
Lass es auf deiner Webseite auf Mausklick schneien – oder lass andere Objekte fallen
Kleine Effekte auf einer Webseite können das Nutzererlebnis stark beeinflussen. Wenn man ZUVIEL davon einbaut - dann schreckt es ab - wenn man es aber in kleiner Dosis verwendet...
Wie programmiert man eine Accordion Galerie? (HTML & CSS)
Heute möchte ich euch mal eine andere Art von Galerie zeigen und zwar nicht eine für 100e von Bilder sonder eine mit der man eine Handvoll Bilder schön anzeigen kann. Ich kann...
Wie programmiert man einen Weihnachts Button mit HTML und CSS?
Habt ihr euch schon mal gefragt ob es möglich ist einen Button in HTML ein wenig zu verschönern? Und nein ich meine nicht in Grösse, Hintergrundfarbe oder Schriftfarbe - sondern...
Wie kann ich eine coole Link Animation umsetzen? (HTML & CSS)
Wir alle haben die Animationen schon gesehen die bei einem Mouse Hover startet (Mouse Hover ist ja der Zustand der herrscht wenn man mit der Maus über ein Element ist). Ich sehe...
Mit HTML, CSS und Javascript bauen wir gemeinsam ein Tool mit dem man im Browser zeichnen kann.
Manchmal braucht man nicht unbedingt Photoshop zu öffnen oder Affinity Photo oder Canvas, manchmal möchte man einfach was direkt skizzieren und abspeichern. Im heutigen Video...
Wie programmiert man einen Kalender für die Webseite? (HTML & CSS & Javascript Anleitung)
Für heute habe ich mir wieder was spassiges ausgedacht und zwar bauen wir uns heute einen Kalender, den man danach in die eigen Webseite einbauen kann, oder zum Beispiel als...
Wie erstelle ich einen Titel der einen Kontur-Farbverlauf hat? (CSS & HTML Anleitung)
Vor ein paar Tagen habe ich bereits euch gezeigt wie ihr einen Titel mit einer Farbverlausfarbe designen könnt. Kurz danach ist dann die Frage aufgetaucht ob ich auch zeigen...