WordPress

Allgemein

Technik

Design

Konzept

WordPress Plugins

Interessantes

Vermarktung

Themen

Font / Schriften

Social Media

Youtube

eCommerce

Gemischtes

Kolumne

Webinar

Blog Archiv

Kurse / Webinare

Meine nächste Webinare / Kurse

  • Home
  • Wer ist der Chefblogger
  • Blog
  • Kategorie
  • Social Media – Wo bin ich aktiv?
  • Shop
Standort Abfrage mit der Geolocation API im Browser – Webdesig Tipp

Standort Abfrage mit der Geolocation API im Browser – Webdesig Tipp

von Eric-Oliver Mächler | Allgemein

Wo ist die nächstgelegene Filiale meines Unternehmens, wo ist der nächste Coiffeur, wie komme ich am schnellsten zum Bodensee? Das sind alles Fragen die vielleicht für eure...

Buchstaben mit GSAP animieren

Buchstaben mit GSAP animieren

von Eric-Oliver Mächler | Design

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...

Wie bindet man ein Video DSGVO korrekt ein und zwar ohne Plugin – Video lädt nach Bestätigung nach

Wie bindet man ein Video DSGVO korrekt ein und zwar ohne Plugin – Video lädt nach Bestätigung nach

von Eric-Oliver Mächler | Allgemein

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

Lass uns einen Rezept Umrechner programmieren – Cups + Gramm und Fahrenheit + Celsius

von Eric-Oliver Mächler | Allgemein

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)

Animiertes Smiley – die Augen folgen der Maus – Webdesign Idee (HTML & CSS & Javascript)

von Eric-Oliver Mächler | Allgemein

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...

Warne deine Webseiten Besucher vor dem Verlassen der Webseite (HTML & Javascript)

Warne deine Webseiten Besucher vor dem Verlassen der Webseite (HTML & Javascript)

von Eric-Oliver Mächler | Allgemein

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)

Webdesign: Hintergrundfarbe per Knopfdruck austauschen lassen? (HTML & CSS)

von Eric-Oliver Mächler | Allgemein

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...

Lasst uns einen Kredit / Zinsrechner programmieren (HTML & CSS & Javascript)

Lasst uns einen Kredit / Zinsrechner programmieren (HTML & CSS & Javascript)

von Eric-Oliver Mächler | Allgemein

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

Countdown: Wie viele Tage sind es noch bis Weihnachten? HTML & CSS & Javascript

von Eric-Oliver Mächler | Allgemein

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 -...

Lasst uns ein Passwort Generator mit HTML und Javascript programmieren

Lasst uns ein Passwort Generator mit HTML und Javascript programmieren

von Eric-Oliver Mächler | Allgemein

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...

Wir erstellen einen runder rotierender Kreistext mit HTML, CSS und Javascript

Wir erstellen einen runder rotierender Kreistext mit HTML, CSS und Javascript

von Eric-Oliver Mächler | Design

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...

Lass es auf deiner Webseite auf Mausklick schneien – oder lass andere Objekte fallen

Lass es auf deiner Webseite auf Mausklick schneien – oder lass andere Objekte fallen

von Eric-Oliver Mächler | Allgemein

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...

Mit HTML, CSS und Javascript bauen wir gemeinsam ein Tool mit dem man im Browser zeichnen kann.

Mit HTML, CSS und Javascript bauen wir gemeinsam ein Tool mit dem man im Browser zeichnen kann.

von Eric-Oliver Mächler | Allgemein, Design

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)

Wie programmiert man einen Kalender für die Webseite? (HTML & CSS & Javascript Anleitung)

von Eric-Oliver Mächler | Allgemein, Design

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 kann ich den Hintergrund mit einem Mouse Over austauschen? [HTML, CSS & Javascript Anleitung]

Wie kann ich den Hintergrund mit einem Mouse Over austauschen? [HTML, CSS & Javascript Anleitung]

von Eric-Oliver Mächler | Allgemein

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 erstellt man ein animiertes rundes Logo mit HTML, CSS und Javascript?

Wie erstellt man ein animiertes rundes Logo mit HTML, CSS und Javascript?

von Eric-Oliver Mächler | Design

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)

Lasst uns einen Farbverlaufs Generator programmieren (HTML, CSS & Javascript Tutorial)

von Eric-Oliver Mächler | Allgemein

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)

Ich entwickle eine Notiz App für den Browser (Javascript LocalStorage Anleitung)

von Eric-Oliver Mächler | Allgemein

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)

Wie bau ich einen Druckbutton in die Webseite ein? (HTML und CSS Anleitung)

von Eric-Oliver Mächler | Allgemein

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...

Farbiger Text mit NTH-Child Selektor (CSS Anleitung)

Farbiger Text mit NTH-Child Selektor (CSS Anleitung)

von Eric-Oliver Mächler | Design

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...

Herunterfallende Text Animation mit GSAP Bibliothek (CSS und Javascript Anleitung)

Herunterfallende Text Animation mit GSAP Bibliothek (CSS und Javascript Anleitung)

von Eric-Oliver Mächler | Design

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...

HTML Element als Bild herunterladen

HTML Element als Bild herunterladen

von Eric-Oliver Mächler | Allgemein

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...

Javascript: Text in Sprache / Audio umwandeln

Javascript: Text in Sprache / Audio umwandeln

von Eric-Oliver Mächler | Allgemein

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....

Einen QR Code mit Javascript generieren

Einen QR Code mit Javascript generieren

von Eric-Oliver Mächler | Allgemein

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...

Cooler eigener Mauszeiger für die eigene Webseite programmieren – mit CSS und JS

Cooler eigener Mauszeiger für die eigene Webseite programmieren – mit CSS und JS

von Eric-Oliver Mächler | Allgemein

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 Javascript Text verstecken und anzeigen lassen (Deutsche Anleitung)

Mit Javascript Text verstecken und anzeigen lassen (Deutsche Anleitung)

von Eric-Oliver Mächler | Design

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...

Wie baue ich ein jQuery Accordion in meine Webseite ein

Wie baue ich ein jQuery Accordion in meine Webseite ein

von Eric-Oliver Mächler | Allgemein

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...

Mit einem Dropdown Menu den Hintergrund wechseln

Mit einem Dropdown Menu den Hintergrund wechseln

von Eric-Oliver Mächler | Design

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...

Formular mit 1 Klick mit Demo Inhalte ausfüllen

Formular mit 1 Klick mit Demo Inhalte ausfüllen

von Eric-Oliver Mächler | Allgemein, Technik

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...

Javascript Timetable Script

Javascript Timetable Script

von Eric-Oliver Mächler | Technik

Heute möchte ich euch mal ein spannendes Timetable Script mit Javascript vorstellen. Und zwar kennt ihr alle das Problem, da hat man eine Liste von Zeiten und Daten und muss die...

Seite 1 von 212»