Ja, auch das Thema ist schon „älter“, spätestens mit iOS 13 (Mitte 2019) war das Thema irgendwie in aller Munde. Seitdem meint ‚Dark Mode‘ eine Einstellung, die meist hellen Hintergründe und Flächen von Webseiten und […]
Hintergrund Mmmh. Die DSGVO ist nun schon recht lange in Kraft, trotzdem haben noch nicht alle CMS entspr. Plugins zum Blocken von Drittanbieter-Content. Für WordPress gibt es diverse Möglichkeiten (ich habe zeitweise BorlabsCookie eingesetzt, andere […]
1. Worum es geht… Ich nutze den „Hidden Checkbox Hack“ und CSS, um iOS-like Kippschalter (Toggles, Switches) zu gestalten. Diese sehen am Ende so aus: 2. Das HTML Das HTML ist ein umwrappendes div, […]
Freigestellte Hände für Erklärvideos, die schreiben, zeichnen, ziehen, wischen, schieben, … alles unter einer freien Lizenz!
Betrachtung der Auswirkungen der EU-Urheberrechtsreform auf verschiedene Internetdienste im Bereich der digitalen Lehre.
Kurze Hausmitteilung: Ich habe zum 31.12.2018 die Beratungs- und Agenturangebote eingestellt, die Nebentätigkeit abgemeldet und den Blog um diese Inhalte bereinigt. Reste sind immer noch auffindbar 🙂 E-Mail-Adressen (etwas@bemeo.de) und URLs (bemeo.de) werden nur für […]
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 […]
Ich finde CSS-Transitions und Animations ja ziemlich lustig 🙂 und wollte schon immer so eine Web-Slideshow basteln ohne irgend ein JavaScript basteln. Hier mal ein Beispiel: Slide01 Slide02 Slide03 Slide04 Slide05 Das war einfacher als […]
Wie angekündigt, hier ein dritter Teil der Serie zur DSGVO. Die anderen beiden gibt es hier (Teil 1) und hier (Teil 2). Folgende Modifikationen und Einstellungen habe ich vorgenommen: 1. WordPress-Funktionen Ich empfehle ein eigenes […]
Das war tatsächlich die spannendste Frage in diesem Zusammenhang: Welche personenbezogenen Daten verarbeite ich eigentlich? Hier hat die DSGVO (Was das ist? Hier Teil 1) tatsächlich einen ihrer (für mich) größten Mehrwerte ausgespielt: Alle machen […]
Ich bin wieder online. 🙂 Das war durchaus ein gutes Stück Arbeit. Die EU Datenschutz-Grundverordnung (umgangssprachlich: DSGVO, offiziell: „Verordnung (EU) 2016/679“, strukturierte Online-Version u.a. hier) hat ja bekanntermaßen einiges an Staub aufgewirbelt. Für viele Netzangebote […]
Hier also – wie angekündigt – ein weiteres Projekt aus der Kategorie „Funny CSS Stuff“: Heute geht es um animierte, halbwegs realistisch hübpfende bunte Bälle mit Schatten: Los gehts: 1. Das HTML: Weniger ist mehr […]
Selten habe ich einen so dermaßen treffenden Beitragstitel geschrieben 🙂 Hier geht es also um die reine CSS-seitige Gestaltung von Post-Its und/oder Notizzetteln, die dann z.B. so aussehen können: Post-It Ein wenig Text … … […]
Hier also der angekündigte zweite Teil der Artikelserie zu Time- und Hyperlapses: Nach den Grundlagen und Beispielen (Teil 1) geht es hier um die Produktion mit Smartphones. Für Laien wie mich geht es hier vor […]
Der Trend ist nun über 5 Jahre alt – also alt genug, dass ich mich auch mal damit auseinandersetze 🙂 Denn der Effekt wirkt noch immer: Zeitraffer. Das Endprodukt ist eigentlich immer ein Video, welches […]
1. Warum ich Flexbox-Fan bin? Vorkonfektionierte Frameworks wie das Responsive Grid System, xy.css, pure.css, Bootstrap oder UIkit haben sicher ihre Vorteile, sind aber in der Nutzung nicht immer supereinfach, Außerdem bin ich – und der/die […]
Zu Beginn wieder eine Spielerei 🙂 Rakete! Via jQuery wird über den Button eine Klasse zweier Container (für die Rakete und den Hintergrund) getoggelt, bei denen die Position mittels CSS Transition animiert wird. Download: Rakete. […]
CSS-Filter sind Manipulationen an Texten oder Bildern ist eine „nicht-destruktive“ Veränderung. Das „Original“ wird also nicht verändert, sondern lediglich in der Ausgabe (hier dem Rendering des Browsers) nach entsprechenden Vorgaben angezeigt. Bilder und Texte können […]
Ein erstes „reines CSS“-Beispiel – eine nette Spielerei: Dieses Anwendungsbeispiel verwendet unprefixed transitions. Funktioniert nicht in Internet Explorer 9 (oder älter) und nicht in Oprea mini. Vgl. https://caniuse.com/#search=transitions Los / Zurück Hier verwende ich übrigens […]
Bei dem Artikel zu CSS-Transitions ist mir mal wieder aufgefallen, wie selbstverständlich (sprich: altmodisch, da desktop-sozialisiert 🙂 ) man mit der Pseudoklasse :hover umgeht, obwohl doch Benutzer von Endgeräten mit Touchscreens nicht „hovern“ können. Da […]
Was sind Transitions und wem können sie zugewiesen werden? Transitions sind dynamische Änderungen von CSS-Eigenschaften. Diese können so manipuliert werden, dass weiche fließende Ãœbergänge entstehen, welche wie Animationen wirken. Transitions sind nicht zu verwechseln mit […]
Die in der Ãœberschrift angedeutete Anforderung kommt mir unter allem bei eingebetteten Videos unter. Daher bezieht sich das Beispiel auf diesen Anwendungsfall, lässt sich aber problemlos auf andere Anwendungen – z.B. im CMS/LMS hochgeladene Videos […]
Den Anspruch „Footer immer unten“ hat man vor allem, wenn man Seiten mit wenig Content hat. Konstruieren wir mal ein Beispiel. Ein gängiger Seitenaufbau nach dem Strickmuster „Header – Content – Footer“ sieht ja oft […]