b.olzplatz für e.learning, me.diensachen und o.nlinekram

Schlagwort: html

Nachdem ich die PHP-Dateien angelegt und verschachtelt habe, geht es jetzt endlich an die Inhalte: Ich beginne, weil schnell (u.a. im Customizer) sichtbar, wieder mit der home.php. Wie bereits im Verlauf dieser Artikelserie angedeutet, wird die Anzeige aller Beiträge der sog. Loop übernehmen. 1. Ein erster Loop, Schritt für Schritt Fangen wir mal einfach an, […]

1. Grundsätzliches zu PHP Für diejenigen ohne jegliche Programmier-Erfahrung: PHP ist eine Skriptsprache, welche – stark vereinfacht – auf dem Webserver ausgeführt wird, auf dem auch die Webseite gehostet wird. Soweit ich das verstanden habe, führt der Aufruf von z.B. https://bemeo.de über die Browser-Adresszeile eines Clients zu einer Anfrage auf meinem Webserver nach der Blog-Startseite, die […]

Ich nutze ja schon länger und in unterschiedlichsten Zusammenhängen WordPress. Das Design habe ich – wohl wie viele andere auch – bisher meist selber modifiziert, also ein bestehendes Theme installiert, welches meinen Vorstellungen möglichst nahekommt und dann über das CSS meine Anpassungen – mehr schlecht als recht – eingebastelt. Das ist für Hobby-Blogger ohne tiefere […]

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 gedacht. In diesem Artikel hab ich das nun etwas aufbereitet – als Inspiration, zum Nachbauen oder Experimentieren (und nicht zuletzt […]

Kategorie: Onlinekram

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: Damit keine personenbezogenen Daten an YouTube übertragen werden, wurde der Download dieses Videos blockiert.Klicke auf Video laden, um das Video anzuzeigen.Durch das Laden des Videos stimmst Du den […]

Kategorie: Onlinekram

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 … … und ein Link Notiz mit Pin Ein wenig Text … … und ein Link Das Ganze gibts jetzt hier zum […]

Kategorie: Onlinekram

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. Für Offline-Nutzung notwendig: Die Grafiken „rocket.png“ und „space.png“. Es gibt aber auch sinnvolle Beispiele, z.B. beim Button-Design: Auch hier auf […]

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 eine unsichtbare Checkbox, die mit dem (als Button gestylte) Klick /Tap auf das Label de-/aktiviert wird. Die Pseudoklasse :checked dient […]

Kategorie: Onlinekram

Bei dem Artikel zu CSS-Transitions ist mir mal wieder aufgefallen, wie selbstverständlich man mit der Pseudoklasse :hover umgeht, obwohl doch Benutzer von Endgeräten mit Touchscreens nicht „hovern“ können. Da aber irgendwas zwischen 30 und 50% aller Seitenaufrufe im Internet (je nach Quelle, Tendenz: steigend) von Mobilgeräten getätigt werden, ist das ein wenig vermessen, vor allem, […]

Die in der Überschrift angedeutete Anforderung kommt mir vor allem bei eingebetteten Videos unter. Daher bezieht sich das Beispiel auf diesen Anwendungsfall, lässt sich aber problemlos auf andere Anwendungen übertragen. Problem: iframes mit fester Breite 🙁 Die „Teilen“-Funktion der gängigen Videoportale bietet auch immer die Möglichkeit an, die Videos in eine eigene Webseite einzubetten. Das […]