medienmarmela.de

medienmarmela.de

Kategorien

  • E-Learning
  • Mediensachen
  • Onlinekram

medienmarmela.de@

  • Mastodon
  • Threema
  • Mail

Infos

  • Über / Impressum
  • Datenschutz
  • Lizenzen und mehr
  • Artikel-Feed (RSS)

medienmarmela.de

E-Learning Mediensachen Onlinekram
07. Juni 2022

Eine Farbwähler-Bastelanleitung

incl. HSB-, HSL-, RGB- und HEX-Umrechnung

Bastelanleitung für einen interaktiven Farbwähler. Dieser ist in HTML, CSS, JS, jQuery umgesetzt und kann die einstellbaren Helligkeits-, Sättigungs- und Farbwerte in HSB, HSL, RGB und HEX ausgeben.

15. September 2021

360° Bilder

Eine Bastellösung für Produkt- oder Detailaufnahmen

Nein, es geht hier NICHT um die Panoramabilder, bei denen man sich um die Position der/des Fotografierenden herum drehen kann. Vielmehr geht es um diejenigen Bilder, bei denen man ein Objekt von alle Seiten betrachten […]

07. Juli 2021

Kreise animieren (2)

SVG stroke-dasharray-Voodoo

Generieren und Animieren von SVG circles mittels CSS und jQuery unter Nutzung der Attribute stroke („Pfadkontur“), stroke-dasharray (in etwa: „gestrichelte Kontur“) und stroke-dashoffset (meint so etwas wie: „Verschiebung der gestrichelten Kontur“).

05. Juli 2021

Kreise animieren (1)

Runde Fortschrittsbalken mit CSS

Gestaltung von runden Fortschrittsbalken, Timern oder Countern mittels CSS via transform:rotate absolut positionierter HTML-Elemente.

28. September 2020

‚Dark Mode‘ für Webseiten?

Geräte-Voreinstellung, individuelle Einstellung oder beides?

Umsetzung eines Dark Mode via CSS und jQuery – incl. Berücksichtigung von Gerätevoreinstellungen, individueller Benutzendeneinstellungen und Speicherung der Präferenzen.

19. September 2019

iframe-Blocker

Zwei Klicks für mehr Datenschutz?

Damit von Dritten keine Cookies gesetzt und keine personenbezogenen Daten verarbeitet werden, müssen iframes blockiert werden. Hier eine Bastellösung zum Nachbauen.

16. September 2019

CSS Schalter

On / Off muss nicht hässlich sein

Mittels Hidden Checkbox Hack kann man recht einfach hübsche CSS Toggles basteln, die z.B. in Einstellungsmenüs oder Formularen verwendet werden können.

31. März 2019

Hände hoch!

Freigestellte Hände für Erklärvideos

Freigestellte Hände für Erklärvideos, die schreiben, zeichnen, ziehen, wischen, schieben, … alles unter einer freien Lizenz!

31. Dezember 2018

Blog umbenannt

b.e.me.o wird zu medienmarmela.de

Ich habe zum 31.12.2018 die Beratungs- und Agenturangebote eingestellt, die Nebentätigkeit abgemeldet und den Blog um diese Inhalte bereinigt.

11. September 2018

Pimp My Editor

Formatvorlagen für Moodle & WordPress

Wer Lernplattformen (Lernmanagementsysteme, LMS) oder Content-Management-Systeme (CMS) für Menschen betreibt, die nie von selber auf die Idee kämen, HTML / CSS zu lernen und daher auch nie im „HTML-Modus“ eigenes CSS schreiben, kommt früher oder […]

27. August 2018

Animierte Slideshows

ohne JavaScript

Ich finde CSS-Transitions und Animations ja ziemlich lustig 🙂 und wollte schon immer so eine Web-Slideshow basteln ohne irgend ein JavaScript. Hier mal ein Beispiel: Slide01 Slide02 Slide03 Slide04 Slide05 Das war einfacher als gedacht. […]

Beitragsnavigation

1 2 3 ältere Beiträge »

Schlagworte

360°-Aufnahme After Effects Animation Apps atto bemeo button checkbox hack Chroma Key Color Picker Cookies css dark mode Datenschutz Drehteller DSGVO editor Erklärvideo Farbwähler freistellen html hyperlapse Hände iframes iOS javascript jquery medienmarmela.de mobile production moodle php Produktfotografie progress bar svg timelapse tinyMCE toggle umbenennung umzug webdesign wordpress zwei-klick-lösung

Kategorien

  • E-Learning
  • Mediensachen
  • Onlinekram

Sag ‚Hallo‘ :)

  • Mastodon
  • Threema
  • Mail
  • Über / Impressum
  • Datenschutz
  • Lizenzen und mehr
  • Artikel-Feed (RSS)