Der administrative Zugang zum ▸ Server, in/auf welchem sich diese Webseite befindet, folgt dem Prinzip "Seilschaft": das schwächste Glied bestimmt über Gedeih und Verderben.
um was es geht
Um's webbasierte, im absoluten Idealfall smartphone-optimierte Abbilden von Daten resp. um die wesentlichsten (HTML, JavaScript und PHP), dafür notwendigen Scriptsprachen.Wir treffen uns physisch am 23. Oktober 2024 um 13 Uhr im Ratskeller Thayngen und nachher virtuell, online, wann und wo und mit wem immer.
Heute ist Montag, der
31.3.25 und es ist mit dem Öffnen dieser Seite
2.10 Uhr. Bis zum 25. April 2025, also meinem nächsten Geburtstag, sind's demnach noch
24 Tage.
domain, subdomain, ftp
Eine Domain samt Hosting lässt man sich am einfachsten bei einem ▸ Host einrichten. Budget-Abo's gibts ab CHF 50/Jahr. Im absoluten Idealfall vergibt eine Schule für jede Klasse eine Subdomain samt Datenbank. Mit einem FTP-Programm (oder ▸ online) können Dateien von einem Computer auf einen Server hoch-, und/oder umgekehrt heruntergeladen werden. Die Dateien lassen sich auf dem Server in (allenfalls passwort-geschützten) Ordnern und Unterordnern und ... ablegen. Hier hast du einen Kollektiv-Zugang zu der Subdomain kurs.imnusshof.ch.
html
- Melde dich entweder ▸ online oder beim ▸ Online-Editor von Programiz oder von ▸ w3schools oder besser mit einer FTP App auf dem Server an (du erinnerst dich ab jetzt an die "Seilschaft") und öffne den Ordner html
- Dupliziere die ▸ rueedi.php oder öffne sie, kopiere den gesamten Code, eröffne eine neue Datei, setze den Code ein, gib der Datei deinen eindeutigen Namen (Beispiel: regulahofstetter.php) und speichere sie
- Öffne deine Datei und editiere sie
css
'cascading style sheet' is the language to style an html document. css describes how html elements should be displayed. Always Design for Mobile First. Mobile First means designing for mobile before designing for desktop or any other device (This will make the page display faster on smaller devices). This means that we must make some changes in our CSS. Instead of changing styles when the width gets smaller than 768px, we should change the design when the width gets larger than 768px. This will make our design Mobile First.
CSS bezeichnet eigentlich nicht die Sprache, sondern das Dokument, in welchem die styles zentral zusammengefasst eingeschrieben werden.
Früher wurden Animationen in/mit Flash geschrieben. Flash hatte von Beginn weg einen schlechten Ruf. Mit CSS3 gibt es die keyframes. Diese lassen allerlei Animationen zu. Ich empfehle, sehr sparsam damit umzugehn. Der gefloatete div, in welchem sich das animierte Quadrat befindet, ist verlinkt. Die Auszeichnung (den style) findest du im Quelltext dieser Seite.▸ DSS (Dynamic Style Sheet)
mask
With CSS masking you create a mask layer to place over an element to partially or fully hide portions of the element. Bedeutet: über dem Film liegt eine Ebene, welche den Film partiell abdeckt – hier quasi ausser einem Guckloch. Die entsprechende .svg-Datei muss sich auf demselben Server befinden wie die Webseite. Der Film kann irgendwo sein. Soll der Film in einem Kreis spielen, ist das Format des Films mit Vorteil quadratisch und in einem links-gefloateten div container eingeschrieben - damit der Text schön um den Film fliesst.
php
php is a widely-used and free server scripting language for dynamic and interactive web pages. Beispiel; bis zum 25. April 2025, meinem nächsten Geburtstag, dauert es noch 25 Tage. Diese (oder ▸ diese) Aufgabe wird nicht lokal im Computer und nicht im Webbrowser, sondern über die server-seitige Scriptsprache PHP auf dem Server ausgeführt. Hier im Browser wird einzig das Resultat interpretiert. Dabei müssen 'html'-Dateien .php-Dateien sein!
sql
(dein Handy hältst du mit Vorteil de-quere-weg)
Video | Beschreibung |
---|
Dieser erste Beitrag erscheint immer zuoberst - alle weiteren verkehrt-chronologisch. Die Beschreibung eines Films sollte möglichst viele, relevante, video-spezifische, eindeutige Daten enthalten. Zum Beispiel: Der Film, entstanden am 5.3.25 (verwende immer das gleiche Datum-Format und weise darauf hin) befindet sich, wie alle Filme in dieser Tabelle, bei streamable und handelt von Loris und Malea auf dem Spielplatz Kollerwiese in Zürich-Wiedikon. |
Am 26.3.25 waren wir am 3. Halb-Finalspiel (Best of Five) des VC Kanti gegen Lugano. Was für ein Spiel, was für eine Dramatik, was für eine Stimmung und was für ein Jubel nach dem eindeutigen 3:0-Sieg! |
Am 23.3.25 hatten Gottlieb und Anton Geburtstag, waren Annabeth und ich an einem extraordinär exclusiven herausragenden wunderbaren Konzert (Klavier-Abend) von Alexandra Dovgan und vor dem Konzert auf der Terrasse mit Blick auf See und Schneeberge im fönigen Abendlicht (ja, Zürich ist schön - wenn nur die Zürcher nicht wären) - und zum ersten Mal habe ich einen Beitrag in dieser Videothek von A-Z, von der Aufnahme bis zum Eintrag in diese Video-Datenbank, mit dem Handy gemacht. Wie du siehst, können auch mehrere Filme bezw. embed scripts eingesetzt werden. |
Am 22.3.25 waren Loris und Malea bei uns im Nusshof. Und das kam so: Mario hat die Kinder gebracht und ist mit unserem Auto zurück gefahren - und am Abend haben wir sie wiederum zurück in die Binz gebracht, und sind mit unserem Auto nach Hause gefahren. Das nächste Mal kämen sie mit ihrem Auto. |
Am 19.3.25 haben wir zum ersten Mal die Binz Allee als Treffpunkt von Kindern und (im Gegensatz zu Prenzlauerberg) vorallem Mütter erlebt. Super Begegnungsort für Gross und Klein! |
Am 17.3.25 war ich bei der besten DH (ich weiss ihren Namen nicht) in der sicher besten Zahnarzt-Klinik in der höchstvermutlich schönsten Stadt der Schweiz (Schaffhausen). |
Am 26.1.25 immer und immer wieder faszinierend |
svg
Scalable Vector Graphics haben den Vorteil, beim zoomen nicht zu verpixeln - und eignen sich im Kontext von Bildung / Training des Vorstellungs-Vermögens, insbesondere geometrische Figuren im eigentlich Sinn zu beschreiben. Das Wappen besteht aus je einem roten Rechteck, einem roten Kreis und 2 weissen Rechtecken.
audio-videowalk
Oben siehst du 2 Gemeinden im Kanton Schaffhausen. Den Umriss des Kantons habe ich im Laptop resp. im PixelmatorPro ausgewählt, in eine neue, leere Ebene eingesetzt und das Bild resp. nur eben diese Ebene im .gif-Format gespeichert. Die Gemeinden sind verlinkte svg (siehe den Quelltext dieser Seite).
programming
Eigentlich sollte das Programmieren in der Volksschule so aussehen: Es werden Geschichten ge-, d.h. eindeutige und endliche Handlungen und Handlungs-Abläufe beschrieben.
python
- A programmer heads out to the store. His wife says "while you're out, get some milk."
He never came home.
- A wife asks her husband, a programmer, "Could you please go shopping for me and buy one carton of milk and if they have eggs get 6?" A short time later the husband comes back with 6 cartons of milk and his wife asks, "Why did you buy 6 cartons of milk?" He replies, "They had eggs."
▸ start
javascript
Bezüglich smartphone-optimierten Webseiten ist die Verwendung von JavaScripts mit Vorsicht zu geniessen. JavaScript wird 2025 30 Jahre alt: da gab's noch keine Smartphones.
▸ Open ▸ Close the WebCam
Je nach den Einstellungen in deinem Browser öffnet dieser JavaScript die WebCam deines Computers.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
carousel





framework
Es gibt unzählige frameworks. Manche sind intuitiver, manche weniger intuitiv in der Verwendung. frameworks sind Bibliotheken, die den eigenen Bedürfnissen angepasst werden können, am besten aber so übernommen werden, wie sie sind.▸ Beispiel: Folien-Präsentation, welche zum Beispiel im grossen Computer gespielt und mit dem kleinen gesteuert werden kann.
canvas paint
audio
Die simple play-stop-play again-Funktion setzt einen Link zu einem stylesheet von 'cloudflare' und einen style zum 'ppbutton' im head (falls du die Grösse des Buttons ändern willst) und je einen Script zu einer Bibliothek von 'cloudflare' und zu einer .js-Datei (im Ordner 'js') aus der open library von CloudFlare voraus.
audio record
2019 habe ich für einen sehbehinderten Freund in meiner SoundCloud einen Podcast mit täglichen (insgesamt 33) Episoden unterhalten. Die Aufnahmen habe ich wo und wann immer in der App Sprachmemos gemacht und mit dem grossen Computer in die SoundCloud hochgeladen. Heute, 2024, geht das eleganter.
Heute, 2024, mache ich Audioaufnahmen in der App Mp3 Recorder und lade die Dateien direkt aus der App via FTP auf den Server in den entsprechenden Ordner.
Obwohl ich nicht wirklich podcaste, unterhalte ich sporadisch einen solchen - einzig, um die intuitivsten Möglichkeiten von Aufnahmen und Speichern im Auge zu behalten.
video record
video play
live!
large language model
Bis heute gibt es keine bessere Einsatzmöglichkeit für Sprachmodelle (LLM) und trainierte Text-Generatoren (GPT) als im Bereich der Script- und Programmiersprachen. Einfach darum, weil Resultate aus Prompts direkt auf deren Richtigkeit überprüft werden. Fragst du ▸ Google Gemini, ChatGPT & Co nach dem Python Script irgend eines Programms, kannst du dieses laufen lassen und erfährst unmittelbar, obs taugt. Beispiel: ▸ thaynger.ch
calc
Dieses webbasierte Calc Sheet lässt sich auch ▸ sec, allerdings nicht smartphone-optimiert, darstellen. In D1 und E1 siehst du 3 typische Formel-Anwendungen.
Exceltabelle in live.com (wo ich mich mobile komischerweise nicht anmelden kann)
Google Tabelle (den embed code erhalte ich nur mit dem grossen Computer!)