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...
HTML Ladeanimation – wie man so eine Ladeanimation für seine eigene Webseite erstellen kann.
Ladebalken werden fast überall eingesetzt wo im Hintergrund zuerst grosse Mengen an Daten geladen werden können bevor die Webseite fertig angezeigt werden kann. Damit die...
HTML Suchfelder – wie erstelle ich ein Suchfeld mit einer Auswahlliste?
Ihr habt das sicher schon bei verschiedenen Formulare gesehen. Ihr habt ein Input Feld und wenn ihr was tippt, dann habt ihr bereits eine Liste wo ihr euer Suchbegriff auswählen...
HTML Input Felder – die verschiedenen Inputfelder die man bei Formulare verwenden kann
Formulare gehören ja zu den wichtigsten Elemente einer Webseite - man möchte ja seinen Kunden / Leser eine Möglichkeit geben, dass sie sich mit uns in Verbindung treten können...
HTML Accordion – wie man ein Accordion mit reinem HTML erstellt
Wusstet ihr das man auch ohne Javascript ein schönes Accordion System in seine Webseite einbauen kann? Ja genau, HTML Hat ein Accordion Befehl und in diesem Video zeige ich euch...
HTML Tag ABBR – wie man Erklär-Popups mit HTML und CSS erstellen kann
Es gibt immer wieder HTML Tags die sind fast unbekannt für die meisten Webentwickler. Entweder weil sie seit Urzeiten funktionieren oder weil sie eher zu den neueren...
Cooler eigener Mauszeiger für die eigene Webseite programmieren – mit CSS und JS
Heute habe ich mal ein ganz spassiges Thema für euch vorbereitet und zwar das Thema Mauszeiger oder wie es auf Englisch heisst Cursor. Ihr kennt den alle, der hat sich in all den...
Mit einem Dropdown Menu den Hintergrund wechseln
Hin und wieder liebe ich verrückte Ideen und heute möchte ich euch mal etwas ganz cooles zeigen. Ihr habt in Apps und Programme sicher den sogenannten DarkMode schon gesehen. Da...
Wie erstelle ich mit CSS & HTML eine 2 geteilte Ansicht / Split Screen
Auf Webseiten sieht man diesen Effekt immer wieder. Man sieht eine Fullscreen Seite die in 2 Teilen geteilt ist und die Elemente sind eingemittet. Dieser kleine Effekt ergibt gut...
Kreative Webseite mit Slide-In Menu [HTML & CSS & JS]
Wer meine wöchentliche Inspiration Show am Freitag Nachmittag sieht, der weiss bereits bereits, dass ich ein absolute Fan von kreativen Webseiten bin. Je verrückter das Design...
Genialer CSS Mouse Hover Effect
Heute habe ich mal wieder eine extrem kreativer Mouse Hover Effekt für euch als Video verarbeitet. Damit kann man nicht nur ein Farbeffekt über das Bild legen, sondern es wird...
Eine Digitale Uhr in die Webseite einbinden nur mit Javascript und CSS
Seit einiger Zeit beobachte ich ein altes Phänomen und zwar immer mehr Webseiten gibt es, wo eine Uhr irgendwo versteckt ist. Ist noch lustig vor so 10 Jahren war das schon mal...
Text animation mit HTML & CSS
Heute möchte ich euch zeigen, dass eine kleine Text animation im Blog überhaupt keine Hexerei ist. Ja ich behaupte, dass jeder der mit WordPress ein Text schreiben kann, kann...
Wie editiere ich mit Gutenberg alte Blogbeiträge?
Wenn ich an Gutenberg denke dann ist meine grösste Sorge die Probleme die auf uns zukommen, wenn man bestehende Beiträge / Seiten editieren muss. So wird ja alles in den Classic...
Anleitung – Wie verlinkt man richtig
Heute möchte ich euch mal kurz erklären wie man in WordPress ein Wort oder Bild verlinken kann. Eigentlich ist das dank dem Visuellen Editor so einfach wie in Word. Aber es gibt...
Wie programmiert man ein fixierten Header Bereich für die eigene Webseite?
Ich werde immer wieder gefragt wie man denn so einen fixierten Header Bereich programmieren tut. Diese Technik sieht man heute fast überall, da sie sehr einfach zu programmieren...