Autor: Martin Smaxwil
Hauptberuflich
E-Learning Fritze, vorher Personalentwicklung, Learning Content Developmet und Organisationsentwicklung. Hier Medien- und Web Dev Spielwiese. Support via Mail oder Kommentar, mehr
hier.
Schieberegler-Experimente
In meinem letzten Beitrag zu Audacity Themes habe ich nach einer Möglichkeit eines Vorher-Nachher-Vergleichs von Bildern gesucht. Und dann einfach selber eine gebaut. Hier die dazugehörige Doku… Worum gehts? Hier eine erste Basisversion: Mit dem Schieberegler an der Unterseite lassen sich zwei Bilder miteinander vergleichen: Wie funktionierts? Das Ganze basiert auf einem Standard HTML-Element aus der <input>-Gruppe (MDN Docs: input) vom type="range" (MDN Docs: input type 'range'). Eigentlich […]
Hübsche(re) Audacity Themes
Da die Standard-Themes von Audacity eine kleine Zumutung sind, habe ich mal ein eigenes erstellt. Hier erläutere ich alle Buttons, Icons, GUI-Elemente und Farben, so weit ich sie zuordnen kann. Außerdem gibt es ein Photoshop-Template für Eure eigenen Themens.
CSS-Transformationen
Ich habe mich mal mit CSS-basierten 2D- und 3D-Transformationen auseinandergesetzt. Alles, was ich herausgefunden habe, steht in diesem Artikel; incl. Bastelanleitungen für Wendekarten und 3D-Würfel.
Eine Farbwähler-Bastelanleitung
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.
360° Bilder
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 kann, wie sie in vielen Online-Shops gängig sind. Diese sind – je nach Machart – entweder Videos oder animierte Gifs, bei denen mehrere Einzelbilder zu einer Datei zusammengefügt wurden. Oder die Aufnahmen verbleiben als Einzelaufnahmen […]
Kreise animieren (2)
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“).
Kreise animieren (1)
Gestaltung von runden Fortschrittsbalken, Timern oder Countern mittels CSS via transform:rotate absolut positionierter HTML-Elemente.
'Dark Mode' für Webseiten?
Umsetzung eines Dark Mode via CSS und jQuery – incl. Berücksichtigung von Gerätevoreinstellungen, individueller Benutzendeneinstellungen und Speicherung der Präferenzen.
iframe-Blocker
Damit von Dritten keine Cookies gesetzt und keine personenbezogenen Daten verarbeitet werden, müssen iframes blockiert werden. Hier eine Bastellösung zum Nachbauen.
CSS Schalter
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.
Hände hoch!
Freigestellte Hände für Erklärvideos, die schreiben, zeichnen, ziehen, wischen, schieben, … alles unter einer freien Lizenz!
Deprecated: trim(): Passing null to parameter #1 ($string) of type string is deprecated in
/home/medienma/public_html/wp-content/plugins/simple-lightbox/includes/class.utilities.php on line
545
