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 Samstag, der
26.4.25 und es ist mit dem Öffnen dieser Seite
6.49 Uhr. Bis zum 25. April 2025, also meinem nächsten Geburtstag, sind's demnach noch
1 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 -1 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 22.4.25 sind wir über Feuerthalen-Stumpenboden den Cholfirst hoch bis zur Hochwacht und dann rechts weg bis zur Quarzsandgrube ob Benken gefahren. In Herblingen wollte A Himbeeren (also Pflanzen) kaufen, wurde aber weder bei OBI noch im Landi fündig. 42km |
| Am 21.4.25 sind wir mit dem Wind im Rücken nach Konstanz und weiter an den Kreuzlinger Hafen und Seepark - und weil die Zugsverbindung ausfiel [sic!] zurück bis Allensbach gefahren. Bis Singen brachte uns die um 17 Minuten verspätete Schwarzwaldbahn. Service: Ankunft Perron 1 und Tiefausstieg. |
 | Es ist der 17.4.25 und es geht mir sehr gut - nicht ganz ohne Drückli, aber sehr gut. Im besten Fall verabschiede ich mich heute und bedanke mich von ganzem Herzen. |
| Der 16.4.25 ist ein Mittwoch - also sind wir in der Binz. Es ist kälter als erwartet und wir sind nicht sehr lang draussen. Am Morgen haben ich den Garten motor-gehackt. |
| Am 15.4.25 haben wir im Landi für 225 Stutz eine Motor-Bodenhacke gekauft, zusammengebaut und erfolgreich gestartet. Heute, am 16.4.25 qualmte der Motor nach 10 Minuten Betrieb und wir brachten die Hacke zurück zu Landi. Dort qualmte sie selbstverständlich nicht mehr, wir nahmen sie also wieder zurück und in Betrieb - und nach einer Stunde war der ganze Garten butterweich gehackt. |
 | Am 14.4.25 schreibe ich, dass im Video-Feld selbstverständlich auch Bilder und/oder Audiodateien und/oder iframes eingesetzt werden können. Verlinke das Bild, damit es fullwindow gesehen werden kann. ▸ Play |
| Am 11.4.25 am früehne Morge hani no gsaat, mir mösid bis Gordola fahre, zom is Verzascatal iechoo. Z’Tenero simmer bem Bahnhof dur d’Underführing – und halbe z’Mergoscia obe (liecht übertribe) hani gmerkt, damer z’früeh weg sind. Also alles wieder abe und damoll würkli bis uf Gordola und denn zäch duruf bis zur Staumuur. Es het erstuunlich wenig Wasser im See. Entweder hends für guets Geld Strom uf Tüütschland verchauft, oder es isch würkli troche. Mir sind denn bis uf Lavertezzo zo de berüehmte Brugg und de no berüehmtere riesige Steibölle i de Verzasca hindere gfahre, hend döt ufem Spielplatz mit beschter Uusicht z’Mittag ggässe und sind denn wieder zrugg und uf Gorippo ue gfahre. Ich bi churz is Dorf – alleg zom mir bestätige, da Gorippo z’Tod saniert worde n’isch. Es isch eifach ka Lebe drin. Nid well ussertere Uusstiigeri us de 80-er-Johr niemert ume gsi isch. Es Dorf selber würkt wene Museum usem letschte Johrhundert. Jo nu. Mir sind denn abe und uf Locarno gone Glace esse, und denn grad no uf Ascona gode Summer gnüüsse – hüt isch würkli heiss gsi. 50 km |
| Am 10.4.25 sind wir die untere Panoramastrasse (siehe Beitragsbild) und dann hoch nach Mergoscia (>700 MüM) - und die obere Panoramastrasse bis Orselina und Solduno und runter nach Locarno gefahren, wo wir uns auf der Piazza Grande von der Sonne schmelzen liessen. Heute Mittag habe ich ein Telefon von der Radiologie erhalten: Termin Montag 14 Uhr im KSSH. Wie es mir ginge? Hervorragend! Sitze auf der Piazza Grande in Locarno und lasse mich von der Sonne schmelzen. Die Wetterprognosen für Pisa für die nächste Woche, Stand: 10.4.25 09:30 Uhr, sehen momentan so aus, dass wir am Samstag oder Sonntag nach Hause fahren und schauen, was wir noch vor dem Nusshoffest (kaum mehr) oder dann ab 5. Mai, nach dem Besuch der K's aus B machen werden. |
| 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 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
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!)