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

Schlagwort: webdesign

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

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 ein oder andere Leser/in – immer daran interessiert, alles (1) „from scratch“ und (2) ganz alleine selber zu machen. Und von Grund auf verstehen, was […]

Kategorie: Onlinekram
Tags:

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 […]

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 mit folgenden Filtern versehen werden (alphabetisch): blur() – Weichzeichnen brightness() – Helligkeit ändern contrast() – Kontrast ändern drop-shadow() – Schlagschatten […]

Kategorie: Onlinekram
Tags:

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