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 es schafft, dass sich eurer Hintergrund bei einem Mouse Over Effekt farblich anpassen...
Javascript
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 Prise Javascript. Diese Animation kann man gut verwenden um eine Webseite oder Online Shop...
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 Farbverlauf. Leider kann man sich so einen Farbverlauf nur schwer vorstellen - ich mag sowas am...
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, sondern könnte gewisse Dinge auch in diesen Zwischenspeicher einbauen. Damit ihr seht wie...
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 drucken bereitstellen. Wenn man aber einfach im Browser auf Drucken klickt, dann kann das...
Farbiger Text mit NTH-Child Selektor (CSS Anleitung)
Ihr habt sicher schon von diesem NTH Child Selektor gehört, damit lassen sich repetitive Arbeiten leicht abnehmen. Der :nth-child-Selektor wählt das n-te Element zu einem Elternelement aus. Eine praktische Sache wenn man DIV Klassen ansprechen muss, die den gleichen...
Herunterfallende Text Animation mit GSAP Bibliothek (CSS und Javascript Anleitung)
Diese Art von Animation sieht man immer wieder gerne. Man kann nämlich nicht nur ganze Wörter animieren sondern auch Buchstabe für Buchstabe und zwar einer genialen Javascript Bibliothek genannt GSA. Ihr denkt jetzt sicher, momentmal das sieht zwar cool aus ist aber...
HTML Element als Bild herunterladen
Nachdem ich euch gezeigt habe, wie man mit Javascript ein QR Code genieren kann, wurde ich gefragt wie man denn diesen QR Code danach als Bild herunterladen kann. Lustigerweise habe ich ja vor ein paar Wochen dazu ein kleines Projekt gemacht, wo mit man Icons mit...
Javascript: Text in Sprache / Audio umwandeln
Heute habe ich mal was ganz spassigs für euch und zwar habt ihr euch schon mal gefragt, wie man einen Text vorlesen lassen könnte? Ich zeige euch heute den Weg mit Javascript. Wenn ihr jetzt genau aufpasst, dann lernt ihr wie man ein Javascript Script einbaut das dem...
Einen QR Code mit Javascript generieren
Der QR Code ist eigentlich eine sehr alte Technologie - sie gibt es seit über 25 Jahre. Nur dank der Corona Pest wurde diese Technik sehr beliebt. Man kann nämlich damit kontaktlos eine Information von einem Ort zum anderen übermitteln. So muss man nicht mehr alte...
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 Jahren in denen ich ein Computer verwende - also seit ca 1988 - nie gross verändert....
Mit Javascript Text verstecken und anzeigen lassen (Deutsche Anleitung)
Heute möchte ich euch etwas zeigen, das viele bereits aus den Online Shops kennen. Und zwar zeige ich dir, wie du es schaffst dass ein Element ausgeblendet ist und erst sichtbar wird, wenn man eine Checkbox aktiviert. Dieser Effekt kann man sehr schön einsetzen, man...
Wie baue ich ein jQuery Accordion in meine Webseite ein
Ihr habt euch sicher schon gefragt, wie man so ein Element einbauen kann, wo die Tabs versteckt sind und erst auftauchen wenn man darauf klickt. Heute möchte ich euch zeigen wie man solche Accordion Effekte einbauen kann. Das schöne ist, mit jQuery hat man alles...
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 kann man mit einem Knopfdruck das Design verdunkeln. Wie wäre es wenn ihr sowas - oder...
Formular mit 1 Klick mit Demo Inhalte ausfüllen
Es gibt glaub keine "Programmiersprache" - äxgüsi wenn ich das jetzt so (falsch) bezeichne - die so verhasst ist wie Javascript - ok ausser ASP. Aber Javascript ist trotzdem eine der nützlichsten und Sprachen die es gibt. Immerhin gibts darum so dinge wie...
![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)













