Rechtsklick auf Websites aktivieren
Kurz und knapp: Wenn der Rechtsklick auf einer Website gesperrt ist, kannst du ihn (in Chrome auf de Mac) mit folgendem Code in der Konsole…
JavaScript
Glitch-Effekt für Websites
PowerGlitch.js ist eine kleine JavaScript-Bibliothek, mit der du animierte Glitch-Effekte – also visuelle „Fehler“ wie Verzerrungen, Farbverschiebungen oder Flackern – auf HTML-Elemente anwenden kannst. Nice!…
Hydra Video Synth – Fullscreen-Hack
Der Hydra Video Synth ist ein browserbasierter, live-coding Video-Synthesizer, der von Olivia Jack entwickelt wurde. Er ermöglicht es VJs und Video-Artists, visuelle Echtzeit-Generativeffekte zu erstellen,…
Oktav-Arpeggios mit Random-MIDI-Parametern im Logic Pro Scripter
Mit dem Logic Pro Scripter kannst du, direkt in Logic, eigene MIDI-Plug-ins, wie z.B. Arpeggiatoren, Chord Trigger, Harmonizer oder Zufallsgeneratoren in JavaScript programmieren. Ich bin…
So erstellst du eine Offline-WebApp (PWA)
Um aus einer Website eine WebApp zu generieren, die auch offline funktioniert, sind 3 Dateien essentiell: „index.html“, „manifest.json“ und der Service-Worker „serviceworker.js“. (Die Dateinamen sind…
add-to-Homescreen.js
Mit dem JavaScript „add-to-Homescreen.js“ wird ein kleines Info-Fenster eingeblendet, das dazu auffordert, die aktuelle Website auf dem HomeScreen abzulegen. Zur Zeit noch iOS-only. Download add-to-homescreen.zip
Mit node.js JavaScript-generierte Inhalte scrapen
Eine etwas unkonventionelle Lösung habe ich mit für folgendes Problem überlegt. Für einen Kunden scrape ich automatisiert bestimmte Inhalte diverser Websites. Problem Nr. 1: Inzwischen…
Kalender mit Monatsübersicht (mit Bootstrap & jQuery und optional mit WordPress)
Bei der Suche nach einem schlichten, schicken Kalender mit Monatsansicht, bin ich auf folgendes Template aufmerksam geworden: https://github.com/ylli2000/bootstrap-4-calendar Der Kalender sieht nicht nur sehr schick…
Location Based Content und QR-Codes
Mit der Geolocation API kannst du den Standort des Users ermitteln. Diese API lässt sich durchaus auch kreativ einsetzen. So können z.B. basierend auf dem Standort des…
CSS 100vw und das Problem mit der Scrollbar
Die Einheit „vw“ („Viewport Width“) ist sehr praktisch, wenn man ein Element mit CSS bildschirmfüllend darstellen möchte. Das Problem hierbei ist, dass die Scrollbars im…
So kannst du das Laden von gecachtem JavaScript und CSS verhindern
Dass JavaScript und CSS-Dateien nach einer Änderung im Browser nicht neu geladen, sondern aus dem Cache geladen werden, kann eine nervige Angelegenheit sein. Insbesondere auch…
Text-Fade-in-Effekt mit CSS und JavaScript
Mit folgendem Snippet lässt sich ein subtiler, schicker Text-Eingangs-Effekt erzielen, der sich insbesondere für große Headlines eignet. Lorem ipsum dolor sit amet constructor Noch mal