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...
Wie erstelle ich einen Titel mit einem Farbverlauf (HTML & CSS Anleitung)
Heute möche ich euch zeigen wie ihr einen Titel oder einen Text erstellen könnt und ihm einen Farbverlauf geben könnt. Ja anstatt das er nur 1 Farbe hat, kann er dann in...
![Wie kann ich den Hintergrund mit einem Mouse Over austauschen? [HTML, CSS & Javascript Anleitung]](https://www.chefblogger.me/wp-content/uploads/2023/07/hintergrund-css-js-austauschen.jpg)
Wie kann ich den Hintergrund mit einem Mouse Over austauschen? [HTML, CSS & Javascript Anleitung]
Heute möchte ich euch einen kleinen Effekt zeigen mit dem ihr eure Webseite ziemlich interessant gestalten könnt. Und zwar zeige ich euch heute in einem kleinen Beispiel wie ihr...
Wie programmiere ich einen einfachen Mouse Hover Effekt mit CSS und HTML?
Vor einiger Zeit hat mich ein Zuschauer von meinem Youtube Kanal gefragt ob ich nicht mal zeigen könnte, wie man einen einfachen Mouse Hover Effekt machen kann. Und aus diesem...
Wie erstellt man ein Hexagon geformtes Menu mit HTML und CSS?
Im heutigen Video möchte ich euch zeigen wie ihr euch auch ein schönes Grid Menu erstellen könnt in der Form eines Hexagons. Hier lernt man nicht nur wie man eine Form mit einer...
![Wie erstellt man einen animierten 3D Würfel [HTML & CSS Anleitung]](https://www.chefblogger.me/wp-content/uploads/2023/06/3dwurfel-css-html.jpg)
Wie erstellt man einen animierten 3D Würfel [HTML & CSS Anleitung]
Heute möchte ich euch mal zeigen wie man einen 3D Würfel mit HTML und CSS erstellen kann, ihm einen coolen glühenden Schatten gibt und ihn dann animiert also drehen lässt. So...
Wie erstellt man einen coolen animierten flachen Titel mit reinem HTML und CSS?
Heute zeige ich euch mal wie ihr einen coolen Rand mit CSS erstellen könnt und zwar mit dem box-shadow Befehl. Man kann hier nämlich ganz verrücktes Zeug erstellen, wenn man die...
Wie erstellt man ein animiertes rundes Logo mit HTML, CSS und Javascript?
Heute möchte ich euch mal zeigen wie ihr so ein rundes Logo erstellen könnt und um das sich ein Text dreht. Für diese kleine Animation verwenden wir reines HTML, CSS und eine...
Lasst uns einen Farbverlaufs Generator programmieren (HTML, CSS & Javascript Tutorial)
Wer regelmässig Webseiten macht der weiss ziemlich gut, dass grosse einfache Farbflächen sehr schnell langweilig wirken und aus diesem Grund verwendet man gerne einen...
Ich entwickle eine Notiz App für den Browser (Javascript LocalStorage Anleitung)
Habt ihr gewusst, dass jeder Browser auch eine Art Datenbank eingebaut hat, den man als Webseitenbetreiber auch verwenden könnt? Ja man muss nicht nur alles in Cookies einbauen,...
Wie bau ich einen Druckbutton in die Webseite ein? (HTML und CSS Anleitung)
Hin und wieder möchte man ja seinen Webseitenbesuchern ja die Möglichkeit geben, den Inhalt der Seite auszudrucken. So könnte man die Produktbeschreibung, Dokumentation oä zum...
Einen Text mit einer Wasseranimation verschönern
Heute möchte ich euch mal zeigen wie ihr eine Schrift auch mal anders animieren könnt. Anstatt das ihr nur die Farben oder Grösse einer Schrift verändert, lernt ihr heute wie ihr...